JavaScript单选框选择操作

废话不多说来看原图：

   

当点击全选按钮的时候，项目复选框全高亮，反之字面意思

反选则为当前勾选项目取消，无勾选项目则被勾选。

步骤

一.写入html内容

input  type属性值要改为"checkbox"单选框。

二.写入JavaScript实现功能

在button按钮属性值里设置各自id，

在JavaScript中通过文档获取到该id，

绑定点击事件，for循环遍历所有单选框，

遍历的数组集通过改变属性值的布尔值来显示高亮效果。

反选按钮需要做一个有效的判断来确定单选框勾选显示效果。