javascript - 检查是否所有选中的复选框都具有 value=right 并且所有未选中的复选框都具有 value=wrong

Question

我已经在这几天了，已经问了很多消息来源，但仍然找不到如何做到这一点。我在这里和那里看到了一些代码，但还没有看到有效的实现。

<fieldset id="question">
  <legend>Which are fruit?</legend>
     <label><INPUT TYPE="checkbox" NAME="q1" VALUE="wrong">tomatoes<BR></label>
     <label><INPUT TYPE="checkbox" NAME="q2" VALUE="wrong">cucumber<BR></label>
     <label><INPUT TYPE="checkbox" NAME="q3" VALUE="right">apples<BR></label>
     <label><INPUT TYPE="checkbox" NAME="q4" VALUE="wrong">onion<BR></label>
     <label><INPUT TYPE="checkbox" NAME="q5" VALUE="right">bananas<BR></label>
  </fieldset>
<input type="button" id="answer">

我想我之前的问题结构可能很糟糕，我会再试一次，我真的很绝望。

在提交时，如果所有值为“正确”的复选框都被选中，并且所有值为“错误”的复选框都未被选中，我想显示一条“做得好”的警告消息。

有人可以为此提供 javascript 帮助吗。

我认为它应该是这样的:

If (all checkboxes with value 'right' = checked) and (all checkboxes with value 'wrong' are unchecked) {
do something}

谢谢!

Answer 1

您可以使用:

if($('[value=right]:checked').length==3 && $('[value=wrong]:not(:checked)').length==2)
   //show message well done.....

如果您没有具有值的复选框的计数:

 if($('[value=right]:checked').length==$('[value=right]').length && $('[value=wrong]:not(:checked)').length==$('[value=wrong]').length)
   //show message well done.....