2014-12-02 134 views
0

單選按鈕和值傳遞

if(document.getElementById('3w').checked) { 
 
    alert('3w'); 
 
}else if(document.getElementById('6w').checked) { 
 
    alert('6w'); 
 
}
<input type="radio" name="pnltype" id="3w" value="3w" /> 3W 
 
<input type="radio" name="pnltype" id="6w" value="6w" checked /> 6W

我的問題: 這將在Firefox完美運行。例如,如果我打勾3w並選擇「重新加載」,我會收到警報'3w' 但是不是在Chrome中。 在Chrome中,雖然我檢查了3W,然後手動「重新加載」頁面,但「警報將會是'6w'。 是什麼原因?

在以前的版本中,我使用單選按鈕中的onClick選項和此函數: function radioClick(){window.location.reload(); } 再次 - 在Firefox中它的行爲如預期,不在鉻

感謝您的任何幫助。

+0

已在 「檢查」 屬性輸入,關於重新加載,它會一直檢查6W,這就是爲什麼警報顯示6W。我檢查了[JSFiidle](http://jsfiddle.net/karthickj25/5k9vpxkx/)它總是返回6W,無論我使用哪個瀏覽器。 – karthick 2014-12-02 05:22:21

+0

你爲什麼需要重新加載!爲什麼不使用onclick! – 2014-12-02 05:52:32

回答

0

嘗試這不加載它應該工作:

<script> 

function check(){ 
if(document.getElementById('3w').checked) { 
     alert('3w'); 
    }else if(document.getElementById('6w').checked) { 
     alert('6w'); 
    } 
} 

</script> 
<body onload="check()"> 
    <input type="radio" name="pnltype" id="3w" value="3w" onclick="check()"/> 3W 
    <input type="radio" name="pnltype" id="6w" value="6w" checked onclick="check()"/> 6W 
    </body> 
0

請參考下面的代碼

 <title>Test</title> 

     <script> 
     function ClickEvent() 
     { 
      if(document.getElementById('3w').checked) { 
       alert('3w'); 
      } 
      if(document.getElementById('6w').checked) { 
       alert('6w'); 
      } 
     } 
     </script> 

     <body> 
     <input type="radio" name="pnltype" id="3w" value="3w" onclick=" ClickEvent()" /> 3W 
     <input type="radio" name="pnltype" id="6w" value="6w" checked onclick="ClickEvent()" /> 6W 
     </body>