2014-10-01 70 views
0

我想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> 

腳本工作正常時,單選按鈕形式的標籤之外,但在無線電輸入的形式爲我想知道我是什麼在這裏失蹤

+0

似乎做工精細,http://jsfiddle.net/rL1g9qa4/也許你的輸入(這應該是自閉)''導致問題 – andrew 2014-10-01 22:48:52

回答

5

問題是爲了它不工作。您在html完成之前加載您的JavaScript。

爲了解決這個問題,只需將JavaScript放在文件末尾附近,就在關閉</body>標記之前。

如果你使用jquery,你也可以用$(document).ready(function() { ... }來包裝它。

+0

我嘗試了不同的名字,我試圖把各地的報價,但一切都沒有改變 – 2014-10-01 22:53:15

+2

按照popovitsj的建議,你至少應該在表單之後放置你的腳本。如果你使用的是JQuery,那麼你也可以考慮把你的整個腳本包裝在一個$(document).ready() – 2014-10-01 22:58:57

相關問題