Jquery多选框的基本操作：支持全选、反选、取消全选的功能

超文本标记语言正文：

输入类型='checkbox' id='c1 '全选/全不选英国铁路公司兴趣爱好：br输入类型=' checkbox '名称=' inter '值='篮球'篮球输入类型='复选框'名称='兴趣'值='足球'足球输入类型='复选框'名称='兴趣'值='bedminton '羽毛球br输入类型=' button ' id=' B1 '值='全选输入类型='button' id='b2' value='全不选输入类型='button' id='b3' value='反选输入类型='button' id='b4' value='显示爪哇岛描述语言操作代码：

$('#c1 ').单击(function(){ if(this。选中){ $(' input[name=' inter ']').attr('checked '，' checked ')；} else {//$(' input[name=' intert ']').attr('checked '，' ')；//等价于$(' input[name=' intert ']').removeAttr(“”选中');}});$('#b1 ').单击(function(){ $(' input[name=' inter ']').attr('checked '，' checked ')；});$('#b2 ').单击(function(){ $(' input[name=' inter ']').attr('checked '，' ')；});$('#b3 ').单击(function(){ $(' input[name=' inter ']').每个（函数(){ if(this。选中){这个。选中=' '；} else { this . checked=' checked } })；});$('#b4 ').单击(function(){ $(' input[name=' inter ']: checked ').每个（函数(){ alert(这。值)；});});效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。