0

ヘッダー セクション タグに 1 チェック ボックスがある jquery アコーディオンを使用しています。ヘッダーに関連するコンテンツ領域内には、チェック ボックスを含むいくつかの要素があります。

ヘッダー要素でチェックボックスがオンになっている場合、そのヘッダーのコンテンツ領域のすべてのボックスをオンにしたいと思います。

「ui-accordion-accordion-header-0」であるヘッダー要素の ID を知っています。コンテンツは、ヘッダーの ID に対応する aria-labelledby="ui-accordion-accordion-header-0" です。

誰かがチュートリアルまたは私がこれを行う方法の例の方向に私を向けることができますか.

4

1 に答える 1

0

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/ これで十分です。

于 2013-04-18T17:41:31.297 に答える