子选择(检查)在Jquery中具有指定标记的复选框

我有一个棘手的问题; 我希望能够在具有span类标识符和内容’ – ‘时选择特定复选框的所有子项

在下面的例子中; 当我检查’Alarme’时,我想要检查’Alarmes domestiques’和’Contrôled’accès’; 当我取消选择时,也是反向动作。

一定很容易,但我不是Jquery专家。

谢谢 !

布局

我有以下代码:

   
Alarmes
--  Alarmes domestiques
Aménagement
Sanitaires

好吧,试试吧,还不是很好的代码。

 $checkboxes = $("span.indenter:empty").parent().prev().children().children(); $checkboxes.click(function(){ var $t = $(this); var checked = $t.is(':checked'); var $tr = $t.parent().parent().parent(); var child; do { $tr = $tr.next(); if(!$tr.length) return; child = ! $tr.children(":nth-child(2)").children("span").is(":empty"); if( child ) $tr.children(":nth-child(1)").children().children().prop('checked',checked); } while(child); }); 

一旦检查Alarmes框以检查其他两个,您可以使用jQuery触发事件。 把两个子项放在同一个类中(对于这个例子,我们会说“subChk”是类)

  $("#Alarmes").click(function() { $(".subChk").prop('checked', $("#Alarmes").is(':checked')); }); 

谢谢你的纠正。