jquery实现 checkbox全选和反选 很常用噢....

Jquery的选择器帮你轻松实现这个效果 摒弃复杂的js代码
$(function(){
	$('#inputChkAll').click(function(){
		$("input[name='chkJob']").attr("checked", $(this).attr("checked")); //注意此处
        //#inputChkAll用来全选或者全不选的CheckBox控件，其控制了name='chkJob'这个复选组。
 });
});

 

//全选
function checkall() {
	var all = document.getElementsByTagName("input");
	for (var i = 0; i < all.length; i++) {
		if (all[i].type == "checkbox") {
			all[i].checked = true;
		}
	}
}
 
// 反选
function checknull() {
	var all = document.getElementsByTagName("input");
	for (var i = 0; i < all.length; i++) {
		if (all[i].type == "checkbox") {
			all[i].checked = false;
		}
	}
}

 

评论

4 楼 814687491 2013-03-19  

不错，收 藏了!

3 楼 elisettemp 2012-11-01  

[*]

引用

2 楼 guangqiang 2012-10-17  

cscs31 写道

jquery1.6之后最好是用.prop()方法

多谢指正赐教....

1 楼 cscs31 2012-10-16  

jquery1.6之后最好是用.prop()方法