使用jQuery单击多个复选框答案

【问题标题】：Clicking multiple checkboxes with one using jQuery使用jQuery单击多个复选框
【发布时间】：2013-04-15 05:04:31
【问题描述】：

我在检查标题复选框时尝试检查多个子复选框。我的代码在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);
    });});        
}));

这有什么问题？

谢谢

【问题讨论】：

试试这个 - var isChecked = $(this).is(":checked")
$('input.fieldCheck' )这里

标签： javascript jquery checkbox onchange

【解决方案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 标记中的一些错误）

【讨论】：

【解决方案2】：

试试这个（有一个漂亮的长 jQuery 链并且没有分配）：

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

Updated fiddle

【讨论】：