基於jQuery的checkbox全選問題分析

本文實例分析了基於jQuery的checkbox全選問題。分享給大家供大家參考，具體如下：

最近開發專案時遇到一個很奇怪的問題，就是checkbox的全選與全不選
使用jQuery的框架。一直是使用

//检测选中的checkbox
$('input[name="abc"]:checked').each(function(){})

   

但是，發現我需要全選的時候，使用

$('input[name="abc"]').attr('checked',true);
$('input[name="abc"]').attr('checked',false);

   

時，第一次加載的時候管用了點擊

時，第一次加載的時候管用它點擊了

時候，查看源代碼，屬性checked已經添加上了

百思不得其解，最後搜索到，原來是attr屬性對於checked來說他不會使dom樣式改變，只會將它的屬性值改變，jquery提供取而代之的方法，如下就可以了

$('input[name="abc"]').prop('checked',true);
$('input[name="abc"]').prop('checked',false);

   

但是，問題又來了，不全選時我檢測不到哪個元素被點擊了，然後就在name上做文章

$('input[name="abc[]:checked"').each(function(i){});
//或者
$('input[name="abc[]"').each(function(i){
  var flag = $(this).prop('checked');
  if(flag){
   //$(this) 即为选中元素
 }
})

   問題解決。

🎜