如何设置动态复选框列表?

时间:2014-05-15 14:08:11

标签: jquery checkbox oracle-apex

我有以下与Oracle APEX中的复选框组相关的HTML代码:

<fieldset class="checkbox_group" id="P300_CELL_TECH" tabindex="-1" disabled="disabled">
    <legend class="hideMeButHearMe">
        <div id="cell-filter">
            <div style="font-size:10px;margin-left:-11px;">Select All</div>
            <input type="checkbox" checked="" name="select-all-cell" id="select-all-cell" disabled="disabled"/>
            <div class="cb-filter-label">Cells</div>
        </div>
        <hr>
    </legend>
    <table class="checkbox_group" role="presentation" summary="">
        <tbody>
            <tr>
                <td>
                    <input type="checkbox" value="0" name="p_v42" id="P300_CELL_TECH_0">
                    <label for="P300_CELL_TECH_0">0</label>
                </td>
                <td>
                    <input type="checkbox" value="1" name="p_v42" id="P300_CELL_TECH_1">
                    <label for="P300_CELL_TECH_1">1</label>
                </td>
                <td>
                    <input type="checkbox" value="2" name="p_v42" id="P300_CELL_TECH_2">
                    <label for="P300_CELL_TECH_2">2</label>
                </td>
                <td>
                    <input type="checkbox" value="3" name="p_v42" id="P300_CELL_TECH_3">
                    <label for="P300_CELL_TECH_3">3</label>
                </td>
                <td>
                    <input type="checkbox" value="4" name="p_v42" id="P300_CELL_TECH_4">
                    <label for="P300_CELL_TECH_4">4</label>
                </td>
                <td>
                    <input type="checkbox" value="5" name="p_v42" id="P300_CELL_TECH_5">
                    <label for="P300_CELL_TECH_5">5</label>
                </td>
            </tr>
        </tbody>
    </table>
</fieldset>

使用jQuery,如何迭代所有这些输入复选框类型并将所有这些复选框设置为选中,而不使用name="p_v42"(因为名称可以更改)并且不知道此字段集中复选框的确切数量因为它可能有所不同?

我正在寻找一个只关注每个<input type="checkbox" ...>的答案。

我在同一页面上还有其他复选框,但不想定位那些,只是上面描述的那些。

顶级ID始终为:

id="P300_CELL_TECH"

2 个答案:

答案 0 :(得分:2)

尝试使用:

jQuery(":checkbox[id^='P300_CELL_TECH']").prop('checked', true)

或者

jQuery(".checkbox_group :checkbox[id^='P300_CELL_TECH']" ).prop('checked', true)

或者只是

jQuery('.checkbox_group :checkbox" ).prop('checked', true)

答案 1 :(得分:1)

$('.checkbox_group input[type=checkbox]').prop('checked', true);