Javascript onclick复选框不起作用

我制作了一个脚本，

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> 

显示地图


--选择距离半径--
10公里。
20公里。
50公里。
100公里。
300公里。
500公里。

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>

函数checktoggle（）{
var textboxid=document.getElementById（'radius\u out\u map'）；
如果（textboxid.style.display=='none'）{
textboxid.style.display='show'；
}
否则{
textboxid.style.display='none'；
}
}

为什么这个脚本不起作用

而不是

textboxid.style.display = 'show'

使用以下命令：

textboxid.style.display = 'block'

“显示”不是有效的显示选项，请使用“内联”或“块”显示元素

检查有效值列表，而不是

textboxid.style.display = 'show'

使用以下命令：

textboxid.style.display = 'block'

“显示”不是有效的显示选项，请使用“内联”或“块”显示元素

---

检查有效值列表

“显示”无效。您需要使用“inline”或“block”

“show”无效。您需要使用“内联”或“块”更改

textboxid.style.display = 'show'

到

显示无效。

更改

textboxid.style.display = 'show'

到

显示无效