$(function () {//全選或全不選$("#all").click(function(){ if(this.checked){ $("#list :checkbox").prop("checked", true); }else{ $("#list :checkbox").prop("checked", false);} }); //全選 $("#selectAll").click(function () {$("#list :checkbox,#all").prop("checked", true); }); //全不選$("#unSelect").click(function () { $("#list :checkbox,#all").prop("checked", false); }); //反選 $("#reverse").click(function () { $("#list :checkbox").each(function () { $(this).prop("checked", !$(this).prop("checked")); });allchk();});//設置全選復選框$("#list :checkbox").click(function(){allchk();});//獲取選中選項的值$("#getValue").click(function(){var valArr = new Array;$("#list :checkbox[checked]").each(function(i){valArr[i] = $(this).val();});var vals = valArr.join(',');alert(vals);}); }); function allchk(){var chknum = $("#list :checkbox").size();//選項總個數var chk = 0;$("#list :checkbox").each(function () { if($(this).prop("checked")==true){chk++;}});if(chknum==chk){//全選$("#all").prop("checked",true);}else{//不全選$("#all").prop("checked",false);} }

?

轉載于:https://www.cnblogs.com/Horsonce/p/7878011.html

總結

以上是生活随笔為你收集整理的【Javascript】复选框的全选与全不选的全部內容，希望文章能夠幫你解決所遇到的問題。

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