JQ 下 checkbox 全选、全不选功能

最新推荐文章于 2023-05-24 12:38:44 发布

菜冬眠。

最新推荐文章于 2023-05-24 12:38:44 发布

阅读量138

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wodecc_u/article/details/109575887

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

需要引入jq.js

HTML

<input onclick="allchose($(this))" type="checkbox" name="" id="" value="" />全选
<input type="checkbox" name="file[]" id="" value="" /></td>
<input type="checkbox" name="file[]" id="" value="" /></td>
<input type="checkbox" name="file[]" id="" value="" /></td>
<input type="checkbox" name="file[]" id="" value="" /></td>

function allchose(obj) {
	var inputs = $('input'); //
	if(obj.is(':checked')) {
		for(var i = 0; i < inputs.length; i++) {
			if(inputs[i].type == 'checkbox') {
				inputs[i].checked = true;
			}
		}
	} else {
		for(var i = 0; i < inputs.length; i++) {
			if(inputs[i].type == 'checkbox') {
				inputs[i].checked = false;
			}
		}
	}
}