【发布时间】:2013-08-21 13:00:28
【问题描述】:
我想知道如何使用 jQuery 从基于 Django 的多个复选框中保存选定选项的名称?似乎我无法选择复选框组...有人可以就我的代码给我建议吗?谢谢!
jsfiddle example
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);
});
【问题讨论】:
-
$('input[name="model"]')? -
想通了。我认为一个额外的空间`:checked`会杀死jQuery...
-
@Ariane 您的方法在删除空间后也有效。谢谢!