<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jQuery/jquery.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div> <input type="checkbox" name = "check"><br> <input type="checkbox" name = "check"><br> <input type="checkbox" name = "check"><br><br> <input type="checkbox" id="checkAll">全選 </div> <script type="text/javascript"> // 方法1 有瑕疵須要個變量 $(function(){ //獲取全部input ,點擊觸發函數 $("input[name='check']").click(function(){ // 定義變量 var i = 0; // 遍歷name=check的按鈕 也就是除了全選按鈕以外的,名字能夠隨便寫 $("input[name='check']").each(function(){ // 判斷,該按鈕checked的值爲true if($(this).prop("checked")){ // 變量+1 i++; } // 判斷 變量值==複選框數量時 if(i == $("input[name='check']").length){ // 將全選按鈕的checked的值設爲true $("#checkAll").prop("checked",true); }else{ // 不然設爲false $("#checkAll").prop("checked",false) } }) }) // 點擊全選框 $("#checkAll").click(function(){ // 讓type爲checkbox的都添加checked $("input[name='check']").prop("checked",this.checked); }) }) // 方法2 不須要變量 $(function(){ //獲取全部input ,點擊觸發函數 $("input[name='check']").click(function(){ // 定義變量 var i = 0; // 遍歷name=check的按鈕 也就是除了全選按鈕以外的,名字能夠隨便寫 $("input[name='check']").each(function(){ // 判斷,該按鈕checked的值爲true if($("[name='check']:checked").length == $("input[name='check']").length){ $("#checkAll").prop("checked",true); }else{ $("#checkAll").prop("checked",false) } }) }) // 點擊全選框 $("#checkAll").click(function(){ // 讓type爲checkbox的都添加checked $("input[name='check']").prop("checked",this.checked); }) }) </script> </body> </html>
人生重要的不是所站的位置,而是所朝的方向;javascript