Question

我试图查看是否使用此代码选择了任何单选按钮：

 if (document.getElementById("ra").checked == false && 
 document.getElementById("rb").checked == false  && 
 document.getElementById("rc").checked == false && 
 document.getElementById("rd").checked == false && 
 document.getElementById("re").checked == false ) {

    alert("Please Select An Answer");

}

它不起作用，也没有发出警报，也没有显示任何错误。有人可以通过if语句帮助我，以便确保我可以正确执行，谢谢！

Answer 1

您发布的代码天生没有错。我最好的猜测是您将其放在错误的位置。如果您仅在外部javascript中使用该代码块，则该代码块将在打开页面时运行。您可能希望将其包含在单击按钮，提交表单等时运行的函数中。

考虑以下代码：

function check(){

  if (document.getElementById("ra").checked == false && 
     document.getElementById("rb").checked == false  && 
     document.getElementById("rc").checked == false && 
     document.getElementById("rd").checked == false && 
     document.getElementById("re").checked == false ) {

        alert("Please Select An Answer");

    }
}

<ul>
<li><input type="radio" id="ra"/>A</li>
<li><input type="radio" id="rb"/>B</li>
<li><input type="radio" id="rc"/>C</li>
<li><input type="radio" id="rd"/>D</li>
<li><input type="radio" id="re"/>E</li>
</ul>

<button onclick="check()">Check</button>

单击按钮确实会产生我认为您想要的结果。

Answer 2

尝试一下：

if(document.getElementById("ra").checked == false && document.getElementById("rb").checked == false && document.getElementById("rc").checked == false && document.getElementById("rd").checked == false && document.getElementById("re").checked == false){
    alert("Hello");
}

对我有用。

Answer 3

您的代码似乎有效。我用它存根了一个简单的HTML文件，当未选中任何一个收音机和选中一个收音机时，我会收到警报（我添加了ELSE子句进行测试）。

body {
  background-color: #eee;
}
span {
  font-size: 60px;
  line-height: 85px;
  background-color: #fff;
  padding: 0 25px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

也许会发布一些示例代码，以便我们更好地了解问题的出处。

检查是否用JS选择了任何单选按钮

3 个答案: