jquery checkbox的相关操作总结

前端之家收集整理的这篇文章主要介绍了jquery checkbox的相关操作总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jquery checkBox的相关操作——全选、反选、获得所有选中的checkBox

1、全选

2、取消全选(全不选)

3、选中所有奇数

4、选中所有偶数

5、反选

或者

Box").each(function(i,o){ $(o).attr("checked",!$(o).attr("checked")); }); });

6、获取选择项的值

Box:checked").each(function(){ aa+=$(this).val() }) document.write(aa); }) })

7、遍历选中项

Box][checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); });

8、例子

标题
Box" name="checkBox" value="checkBox1"> checkBox1 Box" name="checkBox" value="checkBox2"> checkBox2 Box" name="checkBox" value="checkBox3"> checkBox3 Box" name="checkBox" value="checkBox4"> checkBox4 Box" name="checkBox" value="checkBox5"> checkBox5 Box" name="checkBox" value="checkBox6"> checkBox6 Box" name="checkBox" value="checkBox7"> checkBox7 Box" name="checkBox" value="checkBox8"> checkBox8

9、效果

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/jquery/45116.html

猜你在找的jQuery相关文章