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不是显示的有效选项，可以使用内联或块来显示元素。

检查有效值列表here

Answer 2

'show'无效。您需要使用“内联”或“阻止”

Answer 3

更改

textboxid.style.display = 'show'

到

textboxid.style.display = 'block'

显示无效。