全选/全不选

最新推荐文章于 2022-01-14 18:07:59 发布

原创最新推荐文章于 2022-01-14 18:07:59 发布 · 99 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用JQuery实现表格中复选框的全选与反选功能。通过简单的JavaScript函数，可以轻松地控制表格内所有可用的复选框状态。

引入JQuery库，创建表格，表格中有input为disabled的和正常状态的checkbox。

如下JS代码就是实现全选和全不选的功能的。

//全选
	function selectAll() {
		$("input[type='checkbox']:enabled").attr("checked", true);
	}

	//反选
	function unselectAll() {
		var str = $("input[type='checkbox']:enabled");
		for (var i=0;i<str.length;i++){
				if (str[i].checked==true) 
				{
					str[i].checked = false;
				}
				else 
				{
					str[i].checked = true;
				}
		}
	}