自動在jquery手風琴複選框

Question

我正在使用一個jQuery手風琴與標題部分標記1複選框。在與標題相關的內容區域中，我有幾個也包含複選框的元素。

如果複選框在標題元素中被選中，我想檢查該標題的內容區域中的所有框。

我知道「ui-accordion-accordion-header-0」的標題元素的Id，而內容是aria-labelledby =「ui-accordion-accordion-header-0」，它對應於標題。

有人可以指示我的方向爲教程或如何做到這一點的例子。

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/ 這應該足以讓你在路上。