Ajax实现全选全不选,使用jQuery实现全选、全不选、 反选(button)

全选

全不选

反选

---

篮球

羽毛球

乒乓球

足球

橄榄球

棒球

// 第一种方法

// 全选

/$('button').eq(0).click(function(){

$('input').attr('checked',true);

});

// 全不选

$('button').eq(1).click(function(){

$('input').attr('checked',false);

});

// 反选

$('button').eq(2).click(function(){

$('input').each(function(){

this.checked=!this.checked;

});

});/

// 第二种方法:

// 全选

$('button:eq(0)').click(function(){

$(':checkBox').attr({'checked':true});

});

// 全不选

$('button:eq(1)').click(function(){

// 表单选择器

$(':checkBox').attr({'checked':false});

});

// 反选

$('button:eq(2)').click(function(){

// 遍历每一个checkBox

$(':checkBox').each(function(){

$(this).attr({'checked':!$(this).attr('checked')});

});

});