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

编程问答

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

發布時間：2025/3/13 编程问答 20 豆豆

生活随笔收集整理的這篇文章主要介紹了 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选中该复选框来实现/全部取消/未选定/获得的选定值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。