jquery - 如何检查 Django 生成的多个复选框的状态？

Question

我想知道如何使用 jQuery 从基于 Django 的多个复选框中保存选定选项的名称？似乎我无法选择复选框组...有人可以就我的代码给我建议吗？谢谢！

jsfiddle示例

HTML 代码

<table class="tab_model">
    <tbody>
        <tr>
            <th>
                <label for="id_model_0">Model:</label>
            </th>
            <td>
                <ul>
                    <li>
                        <label for="id_model_0">
                            <input type="checkbox" name="model" value="A" id="id_model_0">Model A</label>
                    </li>
                    <li>
                        <label for="id_model_1">
                            <input type="checkbox" name="model" value="B" id="id_model_1">Model B</label>
                    </li>
                    <li>
                        <label for="id_model_2">
                            <input type="checkbox" name="model" value="C" id="id_model_2">Model C</label>
                    </li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
<input class="submit" type="submit" value="Submit">

jQuery

var allVals = [];

$('.submit').click(function () {
    $('input[id^="id_model_"] :checked').each(function () {
        allVals.push($(this).val());
    });
    alert(allVals);
});

Answer 1

我会给这些盒子一个类，比如class='the_checkboxes' 然后使用：

$(".the_checkboxes:checkbox:checked").each(function()({
    allVals.push($(this).val());
});

它会更干净（对我来说，无论如何）。