验证在分页中不起作用

Question

在这里，我有多个带有复选框的记录。 一旦我提交，它就会给出错误，因为我创建了“你必须选择至少一个复选框”。 当我选择“全选”复选框时，它将在分页中选中复选框的所有页面。 但是，当我取消选中特定页面的复选框并选中其他复选框时，在我提交时选择复选框也会给我一个错误。 那么在这个带有分页的复选框验证中我哪里出错了？

我的代码：

$('#processorder').click(function() {
      checked = $("input[type=checkbox]:checked").length;

      if(!checked) {
        alert("Please select an Order(s)..!!");
        return false;
      }

    });

});

<div style="text-align: center;margin-bottom: 10px;"><input type="submit" id="processorder" name="processorder" value="Process Order" class="submit-green"/></div>

Answer 1

尝试在 if 语句之前添加一个额外的检查，如下所示：

$('#processorder').click(function() {
  checked = $("input[type=checkbox]:checked").length > 0; //Extra check

  if(!checked) {
    alert("Please select an Order(s)..!!");
    return false;
  }

});

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

<input type="checkbox" name="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" value="Bananas" />

<div style="text-align: center;margin-bottom: 10px;"><input type="submit" id="processorder" name="processorder" value="Process Order" class="submit-green"/></div>

试试下面的sn-p，希望对你有帮助！

/Zorken17

Answer 2

如您所见，您有一行导致此错误。只需将其删除即可。

小提琴：http://jsfiddle.net/bxvfn652/

$('#processorder').click(function() {
      checked = $("input[type=checkbox]:checked").length;

      if(!checked) {
        alert("Please select an Order(s)..!!");
        return false;
      }

    });

}); /*this line breaks your code. */