Check/Uncheck 单选按钮 JavaScript

Question

有人可以帮我解决这个问题吗？当我将 a() 设置为 #j1 并将 b() 设置为#j2 时，一切正常（单击选中一个单选按钮，另一个未选中），但是当我将两者都设置为 c() 时，它仅在我先点击按钮2，再点击按钮1，然后就卡住了。我也试过循环，但我猜它的逻辑存在固有错误。

提前致谢。丹尼尔

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

Answer 1

您似乎在尝试复制默认的单选按钮行为。为您的 <input> 设置一个 name="foo" 属性，他们将组成一个 select-only one group for you.

Answer 2

我不确定你问的是什么，但我认为你需要这样的东西：

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

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

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

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

Check/Uncheck 单选按钮 JavaScript

Check/Uncheck radio buttons JavaScript

javascript

radio