javascript - 如果所有三个单选按钮均为 false，则不验证

Question

我有三个不同的代码块，带有单选按钮。

唯一改变的是它们的 id 和名称。

我需要的是:如果value="false"上的所有单选按钮都被选中(用户选择选中所有“否”)，则表单将无效。

我目前正在使用 jQuery 验证，我所需要的只是单选按钮都是必需的。

我尝试使用此代码，但它不起作用。

registerForm.validate({
      rules: {
        'data': {
          required: {
            depends: function() {
              return $('.yesandno').is(':checked').val() === "false";
            }
          }
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <input type="radio" class="yesandno" id="yes-balance" tabindex='9' name="data" value="true" />
  <label for="yes-balance" class="yes">YES</label>
  <input type="radio" class="yesandno" id="no-balance" tabindex='9' name="data" value="false" />
  <label for="no-balance" class="no">NO</label>
</div>

编辑: 最后，我将 Ele 的代码回复与我正在开发的门户网站上使用的 jQuery 验证插件混合在一起。 这是代码:

    submitHandler: function(form) {
            $('#btn-register').click(() => {
              if ($('.yesandno:checked[value="false"]').size() === 3) {
                return false;
              } else {
                form.submit();
              }
            });
        }

Answer 1

您可以使用过滤器并检查长度:

// this filter will only return radios that are checked and have a value of false
$('.yesandno').filter(function() {
   return this.checked && this.value === "false";
}).length === 3;