jquery - jQuery手风琴中的自动复选框

Question

我在标题部分标记中使用带有 1 复选框的 jquery 手风琴。在与标题相关的内容区域内，我有几个元素也包含复选框。

如果选中标题元素中的复选框，我想选中该标题的内容区域中的所有框。

我知道标题元素的 ID 是“ui-accordion-accordion-header-0”，内容是 aria-labelledby="ui-accordion-accordion-header-0"，它对应于标题的 id。

有人可以为我指明方向，以获取有关如何执行此操作的教程或示例。

Answer 1

由于没有给出 HTML，我试图理解您的问题，假设 html 是这样的

input type="checkbox" id="ui-accordian-accordian-header-0"/>
<hr/>

<input type="checkbox" class="ui-accordian-accordian-header-0"/>
<input type="checkbox" class="ui-accordian-accordian-header-0"/>
<input type="checkbox" class="ui-accordian-accordian-header-0"/>
<input type="checkbox" class="ui-accordian-accordian-header-0"/>

使用以下代码，您可以使用标题复选框选中或取消选中全部

$("#ui-accordian-accordian-header-0").change(function() {
    var id = $(this).attr("id");
    var items = $("." + id);

    this.checked ? items.prop("checked", true) : items.prop("checked", false);
});

这是一个演示这个概念的小提琴：http: //jsfiddle.net/SeYqU/ 这应该足以让你上路。