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

我想知道如何使用jQuery从基于Django的多个复选框中保存所选选项的名称？似乎我无法选择复选框组。。。有人能给我一些关于代码的建议吗？谢谢

JSFIDLE

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

---

我会给这些框一个类，比如

class='the_checkbox'

然后使用：

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

---

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

$（'input[name=“model”]”）

？解决了它。我认为一个额外的空格“：checked”会杀死jQuery…@Ariane删除空格后，你的方法也会起作用。谢谢我同意。因为这个多复选框是从Django构建的，所以我需要添加另一个jQuery语句来添加一个类。谢谢那么，这可能行不通。因为类可能还不是DOM的一部分。为什么不能从Django添加类？您没有使用模板吗？是的。我使用的是Django模板。当然，我可以覆盖现有模板来添加类。

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