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/ 这应该足以让你继续前进。

在jquery手风琴中自动复选框

1 个答案: