javascript - 单选按钮不会选中/取消选中

Question

我的网页中有一些单选按钮。单击单选按钮时它会选中，但当我再次单击时它不会取消选中。我尝试添加一个 JS 函数 onclick

document.querySelectorAll('input[type="radio"]').forEach(x => x.addEventListener('click',function(){
        if(this.checked == true){
            this.checked = false;
        }
        else {
            this.checked = true;
        }
    }))

当我添加此方法时，它允许我取消选中但不允许我选中其中的任何一个!我可以缺少什么？

这些是我的复选框:

<input type="radio" id="name" name="name"><br>
<input type="radio" id="age" name="age"><br>
<input type="radio" id="email" name="email"><br>

Answer 1

它们都有不同的 name 属性值 - 因此它们只能被检查(因为它们不与另一个同级单选值进行比较)。我认为您可能正在寻找 type="checkbox" 而不是:

<input type="checkbox" id="name" name="name"><br>
<input type="checkbox" id="age" name="age"><br>
<input type="checkbox" id="email" name="email"><br>