jquery checkebox 全选全不选反选

最新推荐文章于 2021-02-24 14:46:52 发布

原创最新推荐文章于 2021-02-24 14:46:52 发布 · 980 阅读

0 ·

CC 4.0 BY-SA版权

本文提供了一种简单的方法来操作Checkbox的全选、反选以及单选、多选功能。通过使用jQuery，可以轻松实现Checkbox的批量操作，包括全选、反选和针对特定条件的选择。文章详细解释了如何通过点击一个按钮来触发这些操作，并提供了代码示例。此外，还介绍了如何通过数组形式设置单选和多选选项的值。

/**
 * 点击按钮
 * checkbox反选，全选，全不选
 */
//全选
$("#id").click(function(){
	$(":checkbox[name=xxx]").attr("checked",true);
});
//全不选
$("#id").click(function(){
	$(":checkedbox[name-xxx]").attr("checked",false);
});
//反选
$("#id").click(function(){
	var xxxs = $(":checkbox[name=xxx]");
	for ( var i = 0; i < xxxs.length; i++) {
		var $xxx = $(xxxs[i]);
		$xxx.attr("checked",!$xxx.attr("checked"));
	}
	//或者
	xxxs.each(function(){
		$(this).attr("checked",!$(this).attr("checked"));
	});
	//或者
	xxxs.attr("checked",function(){
		return !this.checked;//当前为dom对象
	});
});

单选，多选，下拉列表：(数组的形式)

通过$("#select").val([1,4,5])//1，4，5表示几种选择的value值