jquery操作checkBox的选中和事件操作(解决一次取消后不能选中)

总结一下checkBox实际开发中结合jquery常用属性和事件：

1，checkBox选中状态发生改变的方法：

$(function(){
$("#basketBall").change(function(){
alert("baseketBall  changing");
});
})

2，checkBox选中：

//选中所有的checkBox  
//第一种：$("input[type='checkbox']").attr("checked","checked");
//第二种：
$("input[type='checkbox']").each(function(){
this.checked=true;
});

3，checkBox取消选中：

$("input[value='全部取消']").on('click',function(){
//取消所有的checkBox  第一种
$("input[type='checkbox']").each(function(){
this.checked=false;
});
/*第二种
$("input[type='checkbox']").removeAttr("checked");*/
});

注意：虽然使用jquery的attr("checked","checked")和removeAttr("checked")能够完成checkBox的选中和取消，但是通过今天的实际应用发现，在使用这一组方法时，当取消所有选中之后，就不能再全部选中了；但是直接使用dom对象的this.checked来赋值true和false的时候就能够解决这个问题：附上一个例子可以参照（jquery2.1.1.js）：

	
	
	


	

		
选择您的兴趣爱好：
		
篮球足球羽毛球 乒乓球