jquery - 知道复选框是否被选中的正确方法

Question

<分区>

Answer 1

复选框值如果未选中则不应提交。

如果你想用 jQuery 检查，我总是使用:

var isChecked = $('#checkbox').prop('checked');

或者

var isChecked = $('#checkbox').is(':checked');

使用 JavaScript，您必须了解属性 和属性 之间的区别。 checked 既是属性又是属性。但是，当复选框的 checked property 更改时，checked attribute 并不总是更新(在某些浏览器中它是)。将属性视为由 DOM 解析的 HTML 标记中的值。 checked 属性 是 DOM 中复选框 元素 的实际成员，它始终根据复选框在用户界面。

如果你想尝试一种不需要 JavaScript 的万无一失的方法，你可以尝试“MVC”方式，通过渲染一个隐藏的输入和一个具有相同名称的复选框，每个复选框都有适当的“选中”状态值:

<input type="hidden" name="mybox" value="false" />
<input type="checkbox" name="mybox" value="true" />

当您提交表单时，如果您在请求中找不到值为“true”的 mybox 值，则该复选框未被选中。更多相关信息 here .