選中/取消選中所有複選框

Question

我想要一個複選框來檢查/取消選中所有其他複選框。

我使用這個代碼：

$("#checkall").toggle( 
    function() { 
     $(".kselItems").attr('checked', 'checked'); 
    }, 
    function() { 
     $(".kselItems").removeAttr("checked"); 
}); 

這工作正常，但由於某些原因，id爲checkall（一，應該讓每一件事情的工作）的複選框，從來沒有一個長期檢查。

這怎麼解決？

Answer 1

保持簡單。試試這個

$("#checkall").click(function() { 
    $(".kselItems").attr('checked', this.checked); 
}); 

演示：http://jsfiddle.net/naveen/azkPR/

Answer 2

嘗試過濾掉選擇器中的複選框。

 $("#checkall").toggle( 
      function() { 
       $(".kselItems:not(#checkall)").attr('checked', 'checked'); 
      }, 
      function() { 
       $(".kselItems:not(#checkall)").removeAttr("checked"); 
     }); 

Answer 3

編輯：雖然我所著，xeno06回答太:)

當你點擊 「checkall」，它1）的值設置爲檢查，然後2 ）調用切換功能，它會找到「checkall」，並將其返回。

最好的辦法是不要把 「.kselItems」 類 「checkAll」，或者，如果 「checkall」 裏面 「.ksleItems」 使用

$(".kselItems not(#checkall)").(...) 

或

$(".kselItems").not("#checkall").(...) 

爲清楚起見我會用納文的解決方案

$("#checkall").click(function() { 
    $(".kselItems :checkbox").not("#checkall").attr('checked', this.checked); 
}); 

Answer 4

你可以用這個

01嘗試

$("#checkall").click(function() { 
    $(".kselItems").prop('checked', this.checked); 
});