訪問每個

Question

我要檢查或取消選中所有下面的代碼對我的作品

$('#chkboxall').live('change', function() { 

           objs=$(document).find('#chkbox'); 
       objs.each(function(){ 
           $(this).attr('checked', $(this).is(':checked') ? '' : 'checked'); 
      }); 
       }); 

的checkboxs但不是使用$(this).is(':checked') ? '' : 'checked'我想，我已經檢查即原來的複選框的狀態裏面原來的對象$（'＃chkboxall'）的狀態。我怎麼能在每個內部做到這一點？

Krishnik

Answer 1

可以縮短它沒有這裏的.each()（因爲.attr()可以在設定的每一個元素上已經運行）：

$('#chkboxall').live('change', function() { 
    $(document).find('#chkbox').attr('checked', this.checked); 
}); 

然而這是無效的，你有重複chkboxid屬性無效。給那些元素類，而不是像這樣：

<input name="blah" class="chkbox" type="checkbox" /> 

然後在你的代碼中使用.class selector：

$('#chkboxall').live('change', function() { 
    $('.chkbox').attr('checked', this.checked); 
}); 

---

對另一些人在不同的情況下找到這一點，才能到一個參考「外this」 一個.each()內，只需設置一個變量，像這樣：

$('#chkboxall').live('change', function() { 
    var thing = this; 
    $('.chkbox').each(function(){ 
    //thing = the outer this, the #chkboxall element 
    }); 
});