jQuery操作检验盒选择（列表/表格)

1、复选框列表选择效果图

代码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title script src=' http 3360 scripts/jquery-1.7。量滴js ' type=' text/JavaScript '/'全选$(' # btnccheckall ').bind('click '，function(){ $('[name=ChKitem]: checkbox ').attr('checked '，true)；});//全不选$('#btnCheckNone ').bind('click '，function(){ $('[name=ChKitem]: checkbox ').attr('checked '，false)；});//反选$('#btnCheckReverse ').bind('click '，function(){ $('[name=ChKitem]: checkbox ').每个（函数(){ $(此)).attr('选中',$(这个)。attr('选中');});});//全不选$('#btnSubmit ').bind('click ')，function(){ var result=new Array()；$('[name=chkItem]:checkbox ').每个（函数(){ if ($(this)).是(' : checked '){ result。推($(这个)).attr(' value ')；} });alert(result.join('，'))；});});/脚本/头体div输入名称=' chkItem '类型=' checkbox '值='今日话题' /今日话题输入名称='chkItem '类型='复选框'值='视觉焦点' /视觉焦点输入名称='chkItem '类型='复选框'值='财经' /财经输入名称='chkItem '类型='复选框'值='汽车' /汽车输入名称='chkItem '类型='复选框'值='科技' /科技输入名称='chkItem '类型='复选框'值='房产' /房产输入名称='chkItem '类型='复选框'值='旅游' /旅游/div输入id=' btnCheckAll '类型='按钮'值='全选/input id=' btnCheckNone ' type=' button ' value='全不选/input id=' btnCheckReverse ' type=' button ' value='反选/input id=' BTN提交'类型='按钮'值='提交//div /body /html 2、复选框表选中效果图

代码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title style type=' text/CSS ' table { border-collapse 3360 collapse；} TD { border : 1px solid # CCC }/style script src=' http : script/jquery-1.7。量滴js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){//chkAll全选事件$('#chkAll ').bind('click '，function(){ $('[name=ChKitem]: checkbox ').attr('选中'，这个。选中)；});//chkItem事件$('[name=chkItem]:checkbox ').bind('click '，function(){ var $ chk=$('[name=chkItem]: checkbox ')；$('#chkAll ').attr('checked '，$ chk。长度==$ chk。过滤器(' :已检查').长度);}) });/脚本/头体表id='tb '和tr td输入id=' ChKall ' type=' checkbox '/TD分类名称/td /tr /thead tbody tr td输入名称=' ChKitem '类型=' checkbox '值='今日话题//td td今日话题/TD/tr/tr输入名称='chkItem '类型='复选框'值='视觉焦点//td td视觉焦点/TD/tr/tr输入名称='chkItem '类型='复选框'值='财经//td td财经/TD/tr/tr输入名称='chkItem '类型='复选框'值='汽车//td td汽车/TD/tr/tr输入名称='chkItem '类型='复选框'值='科技/TD/TD科技/TD/tr/tr输入名称='chkItem '类型='复选框'值='房产//td td房产/TD/tr/tr输入名称='chkItem '类型='复选框'值='旅游//td td旅游/td /tr /tbody /table /body /html