Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果有多个同名复选框,如何检测是否未选中任何复选框_Jquery_Checkbox - Fatal编程技术网

Jquery 如果有多个同名复选框,如何检测是否未选中任何复选框

Jquery 如果有多个同名复选框,如何检测是否未选中任何复选框,jquery,checkbox,Jquery,Checkbox,我需要在ajax post提交时检测,如果在具有相同名称和不同值的多个复选框的列表中至少有一个未选中的复选框 <input type="checkbox" name="product_id[]" value="<?php echo $product->id;?>" checked> 您可以使用属性选择器[name=“…”]、:not()选择器和:checked选择器的组合来查找给定名称的任何未选中复选框。然后检查这组元素的长度是否大于0,以便设置参数 附加说明:您

我需要在ajax post提交时检测,如果在具有相同名称和不同值的多个复选框的列表中至少有一个未选中的复选框

<input type="checkbox" name="product_id[]" value="<?php echo $product->id;?>" checked>

您可以使用属性选择器
[name=“…”]
:not()
选择器和
:checked
选择器的组合来查找给定名称的任何未选中复选框。然后检查这组元素的长度是否大于0,以便设置参数

附加说明:您可能不应该依赖此可能被篡改的客户端检查。根据此信息的重要性和副作用,检查是否存在未检查框的逻辑最好在服务器端实现

$(“#桌面"新"报警"研究”)。关于('submit',函数(ev){
//仅出于本演示的目的:
ev.preventDefault();
var uncheckedCount=$('[name=“product_id[]”):未(:选中))。长度;
log($(this.add(“”).serialize());
});


您可以使用以下条件了解是否至少有一个复选框未选中

var allChkLength = $('input[type="checkbox"][name="product_id[]"]').length;
var onlyCheckedChkLength = $('input[type="checkbox"][name="product_id[]"]:checked').length;

if(allChkLength > onlyCheckedChkLength){
  console.log("at least one checkbox is unchecked");
} else {
   console.log("all checkbox are checked");
}
您可以使用
:not(:checked)
查找任何未选中的框。然后,您可以将该值附加到由
serialise()
生成的查询字符串中。试试这个:

var unchecked = $(':checkboxes:not(:checked)').length > 0 ? 1 : 0;

// in the $.ajax settings:
data: form.serialize() + '&unchecked_boxes=' + unchecked,

已更新代码,在序列化表单数据时包含“unchecked_box”参数。谢谢,这对安全性根本不重要。在客户端采用这种方式简化了很多过程和计算。谢谢你。如果我只提到“产品id[]”复选框,我会将你的(':复选框:未(:选中)).length替换为建议$('input[type=“checkbox”][name=“product\U id[]”:选中)..length或cConstantin one$('name=“product\U id[]”:未(:选中))。length?或者两者都适合?是的,在这种情况下,您只需要选中所有相关复选框<代码>$(':复选框[name=“product_id[]”])
应该这样做
var unchecked = $(':checkboxes:not(:checked)').length > 0 ? 1 : 0;

// in the $.ajax settings:
data: form.serialize() + '&unchecked_boxes=' + unchecked,