通过document.getElementById（“radio1”）返回值。单击（）

Question

我有这种情况

<input type="radio" id="radio1" onclick="clickRadio1()" />Click Radio1
<input type="radio" id="radio2" onclick="clickRadio2()" />Click Radio2 to activate Radio1 click
<script type="text/javascript">
    <!--
    function clickRadio1(){
        return false;
    }

    function clickRadio2(){
        if(document.getElementById("radio1").click===false){
            alert("False");
        }else{
            alert("True");
        }
    }

    // -->
</script>

当我点击“radio2”时，为什么我总是警惕“真实”。有人可以解释原因吗？非常感谢你。

Answer 1

因为活动名称为onclick而非click。

通过将代码放在页面的已加载事件中，确保在页面完全加载后运行JavaScript脚本。

Answer 2

尝试使用，

document.getElementById("radio1").checked;


 function clickRadio2(){
    if(document.getElementById("radio1").checked===false){
        alert("False");
    }else{
        alert("True");
    }
}

Answer 3

这是有效的（将警报更改为jsFiddle的div结果）

http://jsfiddle.net/zv49k/

您需要将单选按钮的.click属性更改为.checked。

        <input type="radio" id="radio1" onclick="clickRadio1()" />Click Radio1
        <input type="radio" id="radio2" onclick="clickRadio2()" />Click Radio2
        <div id="resultdiv"></div>
        <script>
            function clickRadio1() {
                return false;
            }

            function clickRadio2() {
                if (!document.getElementById("radio1").checked) {
                    document.getElementById("resultdiv").innerHTML = "False";
                }
                else {
                    document.getElementById("resultdiv").innerHTML = "True";
                }
            }
        </script>