Question

＆＃13;

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

＆＃13;

<input type="radio" name="pnltype" id="3w" value="3w" /> 3W
<input type="radio" name="pnltype" id="6w" value="6w" checked />  6W

＆＃13;

我的问题：这将在firefox中完美运行。例如，如果我勾选3w而不是选择＆＃34;重新加载＆＃34;，我会收到警报＆＃39; 3w＆＃39; 但不是Chrome。在Chrome中虽然我检查3W，然后手动＆＃34;重新加载＆＃34;页面，＆＃39;警报将是＆＃39; 6w＆＃39;。是什么原因？

在以前的版本中，我使用单选按钮中的onClick选项和此功能： function radioClick（）{window.location.reload（）; } 再次 - 在Firefox中它表现得如预期，而不是在chrome

感谢您的帮助。

Answer 1

删除第二个输入中的checked属性。

我觉得使用jquery对于这类事情很容易。试试看 http://code.jquery.com/jquery-1.11.1.min.js

<input type="radio" class="any-name" name="pnltype" id="3w" value="3w" /> 3W
<input type="radio" class="any-name" name="pnltype" id="6w" value="6w"/>  6W

$('.any-name').on('click', function(){
    alert($(this).val());
});

http://jsfiddle.net/yasithao3/j1ujhetd/1/

Answer 2

尝试此操作而不重新加载它应该工作：

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

Answer 3

请参阅以下代码

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

单选按钮和传递值

3 个答案: