jQuery实现复选框全选/取消全选/反选及获得选择的值
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { // 全选/取消全部 $("#checkAllChange").click(function() { if (this.checked == true) { $(".userid").each(function() { this.checked = true; }); } else { $(".userid").each(function() { this.checked = false; }); } }); // 全选 $("#checkAll").click(function() { $(".userid").each(function() { this.checked = true; }); }); // 取消全部 $("#removeAll").click(function() { $(".userid").each(function() { this.checked = false; }); }); // 反选 $("#reverse").click(function() { $(".userid").each(function() { if (this.checked == true) { this.checked = false; } else { this.checked = true; } }) }); //批量删除 $("#delAll").click(function() { var arrUserid = new Array(); $(".userid").each(function(i) { if (this.checked == true) { arrUserid[i] = $(this).val(); } }); alert("批量删除的:" + arrUserid); }); }); </script> </head> <body> <table border="1"> <tr> <td><input type="checkbox" id="checkAllChange" /></td> <td>用户id</td> <td>用户名</td> <td>电话</td> <td>地址</td> </tr> <tr> <td><input type="checkbox" value="1" /></td> <td>1</td> <td>wangzs1</td> <td>18888000</td> <td>浦东</td> </tr> <tr> <td><input type="checkbox" value="2" /></td> <td>2</td> <td>wangzs2</td> <td>18888001</td> <td>上海</td> </tr> <tr> <td><input type="checkbox" value="3" /></td> <td>3</td> <td>wangzs3</td> <td>18888002</td> <td>河南</td> </tr> <tr> <td><input type="checkbox" value="4" /></td> <td>4</td> <td>wangzs4</td> <td>18888003</td> <td>许昌</td> </tr> <tr> <td></td> <td><input type="button" id="checkAll" value="全选" /></td> <td><input type="button" id="removeAll" value="取消全部" /></td> <td><input type="button" id="reverse" value="反选" /></td> </tr> <tr> <td colspan="4" align="center"><input type="button" value="批量删除" id="delAll"></td> </tr> </table> </body> </html>
-
本文向大家介绍jQuery实现复选框的全选和反选，包括了jQuery实现复选框的全选和反选的使用技巧和注意事项，需要的朋友参考一下 话不多说，请看代码 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持呐喊教程！
-
本文向大家介绍JavaScript实现复选框全选和取消全选，包括了JavaScript实现复选框全选和取消全选的使用技巧和注意事项，需要的朋友参考一下 JS网页–全选和取消全选，供大家参考，具体内容如下 表格，初始状态下复选框都是未选中状态，选中表头的复选框后，下面几个复选框变为选中状态，取消表头复选框选中状态后，下面几个复选框选中状态也随之取消；下面的几个复选框同时选中时，表头的复选框也随之选中
-
本文向大家介绍javascript实现复选框全选或反选，包括了javascript实现复选框全选或反选的使用技巧和注意事项，需要的朋友参考一下 以下是用原生js实现的复选框全选/反选的实现，选中checkbox的时候，实现全选的效果，并且样式发生改变。 代码最简洁，js行为优化版，复制粘贴即可使用。 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍js实现复选框的全选和取消全选效果，包括了js实现复选框的全选和取消全选效果的使用技巧和注意事项，需要的朋友参考一下 在很多网站都有这样的功能，当点击一个全选按钮之后，所有的复选框都会被选中，再点击之后会取消全选，功能非常的人性化，可以省却很多人力，下面就简单介绍一下JS如何实现此功能，代码实例如下: 以下是代码： 以上代码实现了复选框的全选与不全选效果，下面就简单介绍一下如何实现此
-
本文向大家介绍jQuery 全选 全部选 反选 实现代码，包括了jQuery 全选 全部选 反选 实现代码的使用技巧和注意事项，需要的朋友参考一下 1.概述 在项目中经常遇到列表中对复选框进行勾选操作，全选。。。反选。。 2. example 以上所述是小编给大家介绍的jQuery 全选 全部选 反选 实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢
-
本文向大家介绍js html css实现复选框全选与反选，包括了js html css实现复选框全选与反选的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js复选框全选与反选实现代码，供大家参考，具体内容如下 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。