javascript - 访问每个内部的原始对象

Question

我想选中或取消选中以下代码对我有用的所有复选框

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

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

但不是使用 $(this).is( ':checked' ) ？ '' : 'checked' 我想获取我已检查的原始复选框的状态，即 $('#chkboxall' ) 的状态。我怎样才能在每个内部做到这一点？

克里什尼克

Answer 1

您可以缩短它，而无需 .each()这里(因为 .attr() 已经可以在集合中的每个元素上运行):

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

但是这是无效的，您有一个重复的 chkbox id 属性，该属性无效。给这些元素一个类，如下所示:

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

然后使用 .class selector在您的代码中:

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

---

对于在不同情况下发现此问题的其他人，请获取对 .each() 内的“外部 this”的引用，只需设置一个变量，如下所示:

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