03.通过jQuery实现的复选框的案例

Html部分

       Checkbox 对象代表一个 HTML 表单中的 一个选择框。

在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建（也就是创建复选框）。

JQ部分

 

注意：checked 属性适用于 <input type="checkbox"> 和 <input type="radio">。

1.通过for循环对每个input标签进行获取

2.我们需要通过一个布尔值来判断当前复选框的一个状态，然后通过$(“input”)[i].checked=一个布尔值，当等于true时所有复选框为被选中状态，当等于false时所有复选框为不被选择状态。

3.实现反选框的效果需要通过一个条件语句进行一个判断，判断当前布尔值的一个状态，当布尔值为true时，反选后就为false，反之一样

提示：checked 属性设置或返回 checkbox 是否应被选中。

checked 属性是一个布尔属性。

checked 属性规定在页面加载时应该被预先选定的 <input> 元素。

checked 属性也可以在页面加载后，通过 JavaScript 代码进行设置。