JQ 下 checkbox 全选、全不选功能

最新推荐文章于 2024-04-17 09:12:12 发布

原创最新推荐文章于 2024-04-17 09:12:12 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的全选功能实现方案，通过使用JavaScript和jQuery库，实现了页面中复选框的全选与取消全选功能。当点击全选按钮时，所有复选框会被选中或取消选中。

需要引入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;
			}
		}
	}
}