如何取消選中單選按鈕

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() { ... }包裝。