jquery只包含属于check all的输入

如何使“全部检查”只聚焦属于该“全部检查”的4个输入？如果您现在单击2（或3）全部链接并更改一个输入，则所有输入都将更改。我只想更改属于该检查所有的输入

$（文档）.ready（函数（）{
var s；
$（'.margin checkall'）。在（'click'，function（）上{
$（this.toggleClass（'checked'）；
});
$（'.css margin'）。在（'change'，function（）上{
s=$（this.val（）；
$（此）.val（s）；
if（$（'.margin checkall'）.hasClass（'checked'））{
$（'.margin checkall.checked'）.parent（）.parent（）.next（'ul'）.find（'li'）.each（函数（）{
$（this.find（'.css margin'）.val（s）；
});
}
});
});
html，
身体{
字体：12px/1.0em Arial；
}
.保证金支票{
显示：内联块；
光标：指针；
}
.页边距检查全部：悬停，
.margin-checkall.checked{
颜色：#0085ba；
}

链接所有值。


顶部


赖特


底部


左边


链接所有值。


顶部


赖特


底部


左边


链接所有值。


顶部


赖特


底部


左边


问题在于
$（'.margin checkall'）
。这将获取该类的所有元素，而您只需要代码中输入元素之前的元素

$(document).ready(function() {

  $('.margin-checkall').on('click', function() {
    $(this).toggleClass('checked');
  });

  $('.css-margin').on('change', function() {
    var $this = $(this);
    var $container = $this.closest('.css-layout-margin');
    if ($container.find('.margin-checkall').hasClass('checked')) {
      $container.find('.css-margin').val($this.val());
    }
  });

});

这是您的另一个解决方案：-


$（文档）.ready（函数（）{
var s；
$（'.margin checkall'）。在（'click'，function（）上{
$（this.toggleClass（'checked'）；
});
$（'.css margin'）。在（'change'，function（）上{
s=$（this.val（）；
$（此）.val（s）；
var test=$（this）.closest（'.css布局边距'）。find（'.margin checkall'）；
if（$（test）.hasClass（'checked'））{
$（test）.parent（）.parent（）.next（'ul'）.find（'li'）.each（function（））{
$（this.find（'.css margin'）.val（s）；
});
}
});
});
html，
身体{
字体：12px/1.0em Arial；
}
.保证金支票{
显示：内联块；
光标：指针；
}
.页边距检查全部：悬停，
.margin-checkall.checked{
颜色：#0085ba；
}

链接所有值。


顶部


赖特


底部


左边


链接所有值。


顶部


赖特


底部


左边


链接所有值。


顶部


赖特


底部


左边