htmlcheckbox复选框如何添加条件

在HTML中，把标签中的type属性设置为checkbox可以实现添加条件的效果。复选框可以多选，不限制选中的数量，复选框要想被正确提交，必须设置name属性，而且每个复选框的name属性值和value属性值都建议不同。

checkbox和radio可以用for属性关联label标签。例如，如果您想让用户选择多个选项，可以为checkbox按钮定义一个for属性，然后为每个选项创建一个label标签，并将for属性的值设置为checkbox的ID。这样，用户就可以通过点击标签标签来选择或取消选择复选框按钮。类似地，您可以使用for属性与radio按钮关联标签标签，以便用户可以通过点击标签标签选择单个选项。

推荐使用兼容浏览器方式。

根据W3C的表单规范 ，在checked属性是一个布尔属性，这意味着只要该 attribute 存在，即使它没有值，或是一个空字符串，该属性对应的 property 就是 true。以下是兼容浏览器方式，判断 checkbox 元素的 checked 属性是否为"真" 的方法：

代码如下：

if ( elem.checked )

if ( $(elem).prop("checked") )

if ( $(elem).is(":checked") )

如果你使用jQuery 1.6 ，代码if ( $(elem).attr("checked") )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外，还会更新 property 属性，因此 boolean attribute（布尔属性）不需要通过 .prop() 来改变其值。

---