带你学习JQuery：如何对付复选框CheckBox

我们的表单中往往有一些复选框，我们要对其进行各种操作，往往包括全选、全不选择、逆向选择。

下面就实现上面三个操作。

首先还是要先有一个form，包含checkbox和button

<form method="post" action="">
   你爱好的运动是？
   <br/>
    <input type="checkbox" name="items" value="足球"/>足球
 <input type="checkbox" name="items" value="篮球"/>篮球
 <input type="checkbox" name="items" value="羽毛球"/>羽毛球
 <input type="checkbox" name="items" value="乒乓球"/>乒乓球
   <br/>
    <input type="button" id="CheckedAll" value="全　选"/>
    <input type="button" id="CheckedNo" value="全不选"/>
    <input type="button" id="CheckedRev" value="反　选"/>

 <input type="button" id="send" value="提　交"/>
</form>

全选：

$("#CheckedAll").click(function(){

$('[name=item]:checkbox').attr('checked',ture);//或者$('[type=checkbox]:checkbox').attr('checked',true);

})

全不选择：

$("#CheckedNo").click(function(){

$('[type=checkbox]:checkbox').attr('checked',false);

})

反选：

$("#CheckedRev").click(function(){

$('[name=items]:checkbox').each(function(){

this.checked=!this.checked;//这是原生态的JS代码，也可以用Jquery但是相对麻烦

/*

$(this).attr("checked",!$(this).attr("checked'));

*/

})

})