如何取消选中单选按钮

Question

我想uncheck一个radiobutton我找到了一种方法做这一点，但同时单选按钮的表单中的代码将无法正常工作，这是我的脚本unchecking选中的单选按钮

<script type="text/javascript">
       var allRadios = document.getElementsByName(1);
        var booRadio;
        var x = 0;
        for(x = 0; x < allRadios.length; x++){

            allRadios[x].onclick = function() {
               if(booRadio == this){
                   this.checked = false;
                    booRadio = null;
               }else{
                    booRadio = this;
                }
           }
        }
    </script>

    <form name="theForm" target="_blank" action="laravel.php">
    <label for="test">test</label>
    <input type="radio" id="1" class="radio" name="1" value="1">
    <input type="radio" id="2" class="radio" name="1" value="2">
    <input type="radio" id="3" class="radio" name="1" value="3">
    <input type="radio" id="4" class="radio" name="1" value="4">
    </form>

当单选按钮位于表单标签之外时，脚本可以正常工作，但是当单选按钮处于表单形式时，脚本不起作用，我想知道我在这里缺少什么

Answer 1

问题是顺序。 您需要在html完成之前加载JavaScript。

要解决此问题，只需将javascript放在文件结尾附近，就在</body>标记之前。

如果使用jquery，还可以用$(document).ready(function() { ... }包装。