자동으로 jquery 아코디언 상자를 체크합니다

Question

jquery 아코디언을 헤더 섹션 태그의 1 체크 박스와 함께 사용하고 있습니다. 헤더와 관련된 컨텐츠 영역에는 체크 박스가 포함 된 여러 요소가 있습니다.

헤더 요소에서 확인란을 선택한 경우 해당 헤더의 콘텐츠 영역에있는 모든 확인란을 선택하고 싶습니다.

"ui-accordion-accordion-header-0"인 헤더 요소의 ID를 알고 있으며 그 내용은 id에 해당하는 aria-labelledby = "ui-accordion-accordion-header-0"입니다. 헤더.

튜토리얼 또는 내가 어떻게 할 수 있는지 예를 들어 설명해 줄 수 있습니까? 어떤 HTML이 주어지지가 있었다 때문에

Answer 1

, 나는 HTML, 당신은 확인하거나 헤더 체크 박스

$("#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); 
}); 

모든 선택을 취소 할 수있는 다음 코드를 사용하여이

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"/> 

같은 것이었다 가정 문제를 이해하려고 노력

개념을 설명하는 바이올린을 작성하십시오. http://jsfiddle.net/SeYqU/ 길을 가는데 충분해야합니다.