Javascript 选中/取消选中单选按钮_Javascript_Radio

Javascript 选中/取消选中单选按钮

javascript

Javascript 选中/取消选中单选按钮,javascript,radio,Javascript,Radio,有人能帮我做这个吗？当我将a（）设置为#j1，将b（）设置为#j2时，一切正常（单击“检查一个单选按钮”，另一个单选按钮将被取消选中），但当我将两者都设置为c（）时，仅当我先单击按钮2，然后单击按钮1，然后再单击按钮1时，它才会起作用。我也尝试过一个循环，但我猜它的逻辑中有一个固有的错误提前谢谢。丹尼尔 1. 2. 常量j1=document.querySelector（#j1”）； const j2=document.querySelector（#j2”）；函数a（）{ j1.1=正确

有人能帮我做这个吗？当我将a（）设置为#j1，将b（）设置为#j2时，一切正常（单击“检查一个单选按钮”，另一个单选按钮将被取消选中），但当我将两者都设置为c（）时，仅当我先单击按钮2，然后单击按钮1，然后再单击按钮1时，它才会起作用。我也尝试过一个循环，但我猜它的逻辑中有一个固有的错误

提前谢谢。丹尼尔


1.
2.
常量j1=document.querySelector（#j1”）；
const j2=document.querySelector（#j2”）；
函数a（）{
j1.1=正确；
j2.checked=false；
}
函数b（）{
j1.1=错误；
j2.checked=true；
}
函数c（）{
如果（j1.选中===真）{
j2.选中=错误；
}
else if（j2.checked==true）{
j1.选中=错误；
}
}

您似乎试图复制默认的单选按钮行为。在你的

上设置一个

name=“foo”

属性，他们将为你组成一个只选择一个组。

我不确定你问的是哪一个，但我想你需要这样的东西：

const j1=document.querySelector（“#j1”）；
const j2=document.querySelector（#j2”）；
函数a（）{
j2.checked=false；
}
函数b（）{
j1.1=错误；
}


1.
2.

您到底想要什么？您不能“将a（）设置为#j1”。你的意思是“设置j1使用（）”，对吗？就是这样！我忘了使用name属性，我试图用JavaScript复制它。非常感谢。很高兴我能帮忙！请将问题标记为已回答，然后。：）谢谢你的贡献。我刚刚开始使用单选按钮和JavaScript，因为我省略了输入的name属性，所以我尝试用JavaScript模拟它。a（）和b（）工作得很好，但我试图将它们合并到c（）中，这是我们的工作，但一切都出了问题。无论如何，感谢您的意见：）

<body>

    <input type="radio" id="j1" onclick="c()"><label for="j1">1</label>
    <input type="radio" id="j2" onclick="c()"><label for="j2">2</label>

    <script>
        const j1 = document.querySelector("#j1");
        const j2 = document.querySelector("#j2");

        function a(){
            j1.checked = true;
             j2.checked = false;
         }

        function b(){
            j1.checked = false;
            j2.checked = true;
        }

        function c(){
                if(j1.checked===true){
                    j2.checked=false;
                }
                else if(j2.checked===true){
                    j1.checked=false;
                }
            }
    </script>
</body>