javascript - onclick 复选框不起作用

Question

我制作了一个onClick 显示/隐藏下拉列表的脚本，这里是代码。

HTML:

 <input type="checkbox" name="user_choice" id="user_choice" onclick="checktoggle();"/>
 <label for="user_choice">Show Map</label>
 </br>
 <select name="radius_out_map" id="radius_out_map" style="display:none">
     <option value="0">-- Select Distance Radius --</option>
     <option value="10">10 Km.</option>
     <option value="20">20 Km.</option>
     <option value="50">50 Km.</option>
     <option value="100">100 Km.</option>
     <option value="300">300 Km.</option>
     <option value="500">500 Km.</option>
 </select> 

JavaSCTIPT :

<script language="javascript">
    function checktoggle() {
        var textboxid = document.getElementById('radius_out_map');
     if (textboxid.style.display == 'none') {
         textboxid.style.display = 'show';
     }
     else {
         textboxid.style.display = 'none';
     }
}
</script>

为什么这个脚本不起作用？

Answer 1

代替

textboxid.style.display = 'show'

使用这个:

textboxid.style.display = 'block'

show 不是显示的有效选项，请使用内联或 block 来显示元素。

检查有效值列表 here