Function 选中另一个复选框的复选框

我正在处理一个充满复选框的网页，我想勾选1（让我们称之为父）复选框，该复选框具有勾选多个其他复选框的功能（让我们称之为子复选框）。到目前为止，这段jquery代码已经成功：

$(function(){
  $('#1').on('change',function(){
     $('#5,#456,#910,#1077,#982,#759,#1234,#392,#289,#956').prop('checked',$(this).prop('checked'));
  });
    $('.child').on('change',function(){
     $('#parent').prop('checked',$('.child:checked').length ? true: false);
  });

});

唯一的事情是；我想给“子”复选框赋予函数，并在选中“父”复选框时让它们工作，但当父复选框选中“子”复选框时，函数似乎不工作。仅当您使用光标手动选中子框时

我希望我的问题是清楚的。我通常不在这里发帖

---

：）

您可以使用类似于

$.trigger（'click'）

的代码选中该框并使用jQuery触发click事件

试试这个：

$('#1').on('change',function(){
  $('#5,#456,#910,#1077,#982,#759,#1234,#392,#289,#956').trigger('click');
});

下面是一个堆栈片段，以使其更加清晰：

$（函数（）{
$（“#父项”）。单击（函数（）{
$（'1，'2，'3'）。触发器（'click'）；
});
$（'1，'2，'3'）。单击（函数（）{
console.log（this.id）；
});
});

起源：


您可以使用类似于
$.trigger（'click'）
的代码选中该框并使用jQuery触发click事件

试试这个：

$('#1').on('change',function(){
  $('#5,#456,#910,#1077,#982,#759,#1234,#392,#289,#956').trigger('click');
});

下面是一个堆栈片段，以使其更加清晰：


$（函数（）{
$（“#父项”）。单击（函数（）{
$（'1，'2，'3'）。触发器（'click'）；
});
$（'1，'2，'3'）。单击（函数（）{
console.log（this.id）；
});
});

起源：


请定义“但当父复选框选中子复选框时，函数似乎不起作用”的含义。选中“父项”复选框时，您希望发生什么情况？您似乎试图强制一个事件链，这对我来说没有意义。请定义您所说的“但当父复选框选中子复选框时，函数似乎不起作用”的含义。选中“父项”复选框时，您希望发生什么情况？看来你是在试图强迫一个事件链，这对我来说毫无意义。