jquery实现全选、反选、获得所有选中的checkbox

前端之家收集整理的这篇文章主要介绍了jquery实现全选、反选、获得所有选中的checkbox前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

举了7个不同的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()); });

下面实例讲述了jquery实现全选、反选、获得所有选中的checkBox分享给大家供大家参考。具体如下: 运行效果截图如下:

具体代码如下:

标题
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

以上就是关于jquery中checkBox使用方法简单实例演示,希望对大家的学习有所帮助。

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

猜你在找的jQuery相关文章