当前位置：首页 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery选中该复选框来实现/全部取消/未选定/获得的选定值

发布时间：2025/3/13 编程问答 33 豆豆

生活随笔收集整理的这篇文章主要介绍了 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>username</td><td>电话</td><td>地址</td></tr><tr><td><input type="checkbox" class="userid" value="1" /></td><td>1</td><td>wangzs1</td><td>18888000</td><td>浦东</td></tr><tr><td><input type="checkbox" class="userid" value="2" /></td><td>2</td><td>wangzs2</td><td>18888001</td><td>上海</td></tr><tr><td><input type="checkbox" class="userid" value="3" /></td><td>3</td><td>wangzs3</td><td>18888002</td><td>河南</td></tr><tr><td><input type="checkbox" class="userid" 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>

转载于:https://www.cnblogs.com/mengfanrong/p/4748931.html

总结

以上是生活随笔为你收集整理的jQuery选中该复选框来实现/全部取消/未选定/获得的选定值的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。