0

これは、多くのチェックボックスを備えた複雑なフォームの一部です...

<div class="listbuilder-column">
    <h3 class="con_act_list">Activity</h3>
    <ul id="activity">
        <li>
            <input type="checkbox" id="con_act_1" name="con_act[]" class="con_act" value="fabricate"/>
            Fabricate roofs
        <li>
        <li>
            <input type="checkbox" id="con_act_2" name="con_act[]" class="con_act" value="buy-In"/>
            Buy-in roofs
        <li>
        <li>
            <input type="checkbox" name="con_act[]" class="con_act" value="install"/>
            Install roofs
        <li>
    </ul>
</div>
<div class="listbuilder-column"> ........   more checkboxes </div>

これらのチェックボックスの状態、つまりチェックされているかどうかを判断する方法を知りたいです。私は使用して$(.con_act input:checked").lengthいますが、チェックボックスはdiv内にネストされています...

4

2 に答える 2

0

チェックされたチェックボックスの数を見つけるには:

$('input.con_act:checkbox:checked').length;

これは、最初に要素を検索しinput、次にクラス名でフィルタリングし、実際に要素を選択type="checkbox"し、最後に、jQueryの行が実行されるときにチェックされる要素のみを選択することで機能します。

ネストのレベルはほとんど関係ありませんが、特定の親要素内のネストのレベルのみを簡単に検索できます。

$('#activity').find('input.con_act:checkbox:checked').length;
/* or: */
$('#activity input.con_act:checkbox:checked').length;
于 2012-05-16T15:53:21.063 に答える