全选

关注

原创最新推荐文章于 2026-10-11 09:14:27 发布 263 阅读 AI 写同款· GEO 优化 ›

JS基础-全选与取消全选案例主要需要完成的功能有两个： 1.选择上面的全选按钮之后下面的按钮全部被选中，取消全部的按钮就取消全选。 2.每次点击下面按钮就去检查是不是所有的按钮都选中了,要是所有的按钮都选中了把最上面的全选按钮就要选中,要是有一个没选中上面全选按钮就不选中。实现思路： 1.针对第一个功能，可以采用一个flag变量来判断，设置初始值为0也就是全选按钮不选中，然后点击全选按钮判断，判断flag是否为0，如果为0就把所有的下面按钮选中，同时把flag变为1，如果flag为1，则把下面的按钮的checked都变为.. 阅读详情

//选中所有
	function selectAllOrderFunc() {
		var selectedAll = $("#all").attr("checked");
		if(selectedAll == "checked") {
			$("#inspectMaterialTrailerBodyLeft tr td input[type='checkbox']").each(function() {
				$(this).attr("checked",true);
			});
		} else {
			$("#inspectMaterialTrailerBodyLeft tr td input[type='checkbox']").each(function() {
					$(this).removeProp("checked");
			});
		}
	}

	<!-- 公司的写法，全选， -->
						<th style="width:80px;" rowspan = "2" class="checkBox">
							<input type="checkBox" name='selectColumnAll' >
						</th>

//全选
$("#selectAll").click(function(){
$("[name=items]:checkbox").each(function(){
$(this).attr("checked",true);
});
});

 

//全不选
$("#unSelect").click(function(){
$("[name=items]:checkbox").each(function(){
$(this).attr("checked",false);
});
});

function selectAllCheckbox(){
		var checked = $(":checkbox[name='selectAll']").prop("checked");
		if (checked) {
			$("#customTable :checkbox").prop("checked",true);
		} else {
			$("#customTable :checkbox").prop("checked",false);
		}
	}