2014-12-02 135 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>