forEach标签中checkbox复选框的全选,全不选,部分选,反选等基础操作
此处是全选按钮
forEach循环里的选择按钮
$(function() {
//全选的改变事件
var flag = $(this).is(":checked");
if (flag) {
$(".selectBox").each(function() {
$(this).prop("checked", true);
});
} else {
$(".selectBox").each(function() {
$(this).removeAttr("checked", false);
});
}
});
$(".selectBox").change(function() {
$(".selectBox").each(function() {
if ($(this).is(":checked")) {
break;
} else {
$("#selectAllBox").removeAttr("checked", false);
}
});
var lengthSelected = $(".selectBox:checked").length;
var length = $(".selectBox").length;
if (lengthSelected == length) {
$("#selectAllBox").prop("checked", true);
}
});
});
第一次写博客还不是很清楚如何规划整理自己的见解，复选框为我上次项目中的一部分内容,本身想依赖于jquery插件来实现,觉得过于繁琐就自己写了,大体模拟普通购物车的形式，代码足够全面,如有问题可以发来邮件:[email protected],一起探究。
ps:购物车中的数量,已选商品,合计均为ajax事件