jQuery中获取复选框选中项等操作及注意事项

1.获取复选框2的选定项目。全选并取消选择复选框选项2。用于测试的复选框代码段：复制的代码如下： div输入类型=' checkbox' name=' ABC' value='一年级' id=' in1 ' checked=' checked '/Label for=' in1 '一年级/label输入类型=' checkbox' name=' ABC' value='二年级' id='in2' /label for='in2 '二年级/Label输入类型=' checkbox' name=' ABC' value='三年级' id='in3' /label for='in3 '三年级Label for='in4 '四年级/Label input type=' checkbox ' name=' ABC ' value='五年级' id='in5' /label for='in5 '五年级/Label input type=' checkbox ' name=' ABC ' value='六年级' id='in6' /label for='in6 '六年级/Label input type=' checkbox ' name=' ABC ' value='七年级' id='in7'/For=' in7 '七年级/Label input type=' checkbox ' name=' ABC ' 网上找到的大多数方法都是各用各的获取：复制代码如下： $(' input[name=' checkbox '][checked]')。每个(函数(){alert(这个。值)；})但是，我在测试的时候遇到了问题。这种方法在IE下可以获得，但是在火狐和chrome浏览器下无法获得当前选中的项目。测试结果如下：IE下的测试结果(我的是IE 10) : 。

第10号国际教育准则的影响：

chrome浏览器下的效果：

通过谷歌搜索，我找到了原因：。

网站：Jquery选择了多少输入CheckBox问题，IE正常，FF和Chrome无法取值。

因为我使用的jquery版本是1.7.2，所以我必须使用：checked才能在这里获得它。修改后的代码：复制代码如下：//获取所选项目$ ('# huoqu2 ')。单击(function () {$ ('# show '))。html(“”)；$(' input[name=' ABC ']: checked ')。每个(function(){//alert(this . value)；$('#show ')。追加(this . value ' ')；});});镀铬效果：

二：复选框的全选反选操作：由于这两个比较简单，我就直接上代码吧：复制代码代码如下：//全选/取消全选$(' #全选')。toggle(function(){ $(' input[name=' ABC ']')).attr('checked '，' true ')；}，函数(){ $(' input[name=' ABC ']').removeAttr(“”选中');});//反选$(' #樊轩')。单击(function(){ $(' input[name=' ABC ']').每个（函数(){ if ($(this)).attr('选中){ $(这个).removeAttr(“”选中');} else { $(this).attr('checked '，' true ')；} });});再总结一下：jquery版本在1.3之前时，获取检验盒的选中项的操作：复制代码代码如下： $('输入[名称=' ABC '][选中])。每个（函数(){ alert(这。值)；});jquery版本在1.3之后时，获取检验盒的选中项的操作：复制代码代码如下： $('输入[名称=' ABC ']:已选中').每个（函数(){ alert(这。值)；});附完整测试演示代码：复制代码代码如下： html xmlns=' http://www。w3。org/1999/XHTML ' head runat=' server ' meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title script src=' http : js/jquery-1。7 .2 .量滴js//script script $(function(){//获取选中项(FF和铬下无效)$(' #火趣')。单击(function(){//$(' input[name=' ABC '][checked]).每个(function(){//alert(this。值)；//});$('#show ').html(" ")；$('输入[名称=' ABC '][选中]).每个(function(){//alert(this。值)；$('#show ').追加(这个。值' ')；});});//获取选中项$('#huoqu2 ').单击(函数(){ $('#show ')).html(" ")；$('输入[名称=' ABC ']:已选中').每个(function(){//alert(this。值)；$('#show ').追加(这个。值' ')；});});//全选/取消全选$(' #全选')。toggle(function(){ $(' input[name=' ABC ']')).attr('checked '，' true ')；}，函数(){ $(' input[name=' ABC ']').removeAttr(“”选中');});//反选$(' #樊轩')。单击(function(){ $(' input[name=' ABC ']').每个（函数(){ if ($(this)).attr('选中){ $(这个).removeAttr(“”选中');} else { $(this).attr('checked '，' true ')；} });});});/脚本/流浆池表单id='form1' runat='server' div输入类型='checkbox '名称='abc '值='一年级id='in1 ' checked=' checked '/标签为=' in1 '一年级/标签输入类型='复选框'名称='abc '值='二年级id='in2 '/标签为=' in2 '二年级/标签输入类型='复选框'名称='abc '值='三年级id='in3 '/标签为=' in3 '三年级/标签输入类型='复选框'名称='abc '值='四年级id='in4 '/标签为=' 4英寸'四年级/标签输入类型='复选框'名称='abc '值='五年级id='in5 '/标签为=' 5英寸'五年级/标签输入类型='复选框'名称='abc '值='六年级id='in6 '/标签为=' 6英寸'六年级/标签输入类型='复选框'名称='abc '值='七年级id='in7 '/标签为=' 7英寸'七年级/标签输入类型='复选框'名称='abc '值='八年级id='in8 '/标签为=' 8英寸'八年级/label/div br/输入类型=' 按钮“id=‘火曲’值=”获取选中项(FF和铬下无效)'/输入类型='按钮' id='权选'值='全选/取消全选/input type=' button ' id=' fanxuan ' value='反选/input type=' button ' id='火曲2 ' value='获取选中项/br /选中项：div id=' show '/div/form/body/html作者：酷小孩