checkbox全选和反选最简洁的代码

最新推荐文章于 2022-08-31 22:55:13 发布

原创最新推荐文章于 2022-08-31 22:55:13 发布 · 916 阅读

1 ·

CC 4.0 BY-SA版权

javascript/jquery 专栏收录该内容

24 篇文章

订阅专栏

本文展示了如何使用JavaScript简化实现Checkbox全选和反选功能，通过一个函数tempUser(val)来控制所有同名Checkbox的状态，提供了一个高效且易于维护的解决方案。

发现这样写checkbox全选和反选最简洁明了。

 function tempUser(val){
		 $("input[name='userid']").each(function() { 
	    	 this.checked = val; 
		});
	}

<input type='checkbox' onclick="tempUser(this.checked)" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />