Question

我在检查标题复选框时尝试检查多个子复选框。我的代码位于fiddle。

我的代码是：

$('input.fieldCheck'.on('change', function(event) {
var $rows = $(this).parents('tr.field').nextUntil('tr.field');
var isChecked = this.checked;
$rows.each(function() {
    $(this).find('input.subFieldCheck').each(function() {
        $(this).prop('checked', isChecked);
    });});        
}));

这有什么问题？

谢谢

Answer 1

导致此问题无法解决的主要原因有三个。

1 - $('input.fieldCheck'.on('change',缺少结束)

2 - 您试图遵循名为lower camel case的命名模式，不幸的是，您错过了它;因为每个input.subFieldCheck应为input.subfieldCheck，请注意您错过了field这个词的LCC模式。

3 - 在)事件结束时还有一个额外的on('change')。也在小提琴中删除。

4 - Here's your working jsFiddle（清除了HTML标记中的一些错误）

Answer 2

尝试这个（使用一个很好的长jQuery链并且没有赋值）：

$('input.fieldCheck').on('change', function(event) {
    $(this).closest('tr.field').nextUntil('tr.field').find('input.subfieldCheck').prop('checked', this.checked);
});

<强> Updated fiddle

使用jQuery单击多个复选框

2 个答案: