Jquery 单击标题以切换一组多个复选框

我有几组复选框，每一组旁边都有一个旋转的h4

我正在努力使它，以便当我点击h4时，alla相关复选框 -全部选中-除非它们已全部选中，否则取消选中全部

jQuery是我迄今为止最接近的：

    jQuery(".sidewaysHeader h4").click(function() {
        var now = $(this).attr('id');
        $('input:checkbox[name="'+ now +'"]').attr('checked', true );
    });

HTML：

        <div class="sidewaysHeader"><h4 id="halsa">Hälsa</h4></div>
        <input type="checkbox" value="idrott" id="idrott" name="halsa" /><label for="idrott">Idrott</label><br />
        <input type="checkbox" value="dans" id="dans" name="halsa" /><label for="dans">Dans</label><br />
        <input type="checkbox" value="hemkunskap" id="hemkunskap" name="halsa" /><label for="hemkunskap">Hemkunskap</label><br />
        <input type="checkbox" value="mat-och-boende" id="mat-och-boende" name="halsa" /><label for="mat-och-boende">Mat & Boende</label>

Hälsa
伊德洛特

Dans

Hemkunskap

马特博恩德酒店

实际上这是可行的

---

这将要做的是，在组中查找任何未选中的输入，如果任何复选框尚未选中，则选中全部，否则，我们取消选中全部，因为我们知道它们都已选中。

据我所知，您希望选中并取消选中单击标题上的所有复选框。如果其中任何一个已经被检查过，那么就全部检查。你可以这样做

jQuery(".sidewaysHeader h4").click(function() {
    var elems = $('input:checkbox[name="'+ $(this).attr('id') +'"]');
    elems.attr('checked', elems.filter(':checked').length != elems.length);
});

小提琴示例：

我正在使用：

jQuery(".sidewaysHeader h4").click(function() {
    var elems = $('input:checkbox[name="'+ $(this).attr('id') +'"]');
    elems.attr('checked', elems.filter(':checked').length != elems.length);
});