废话不多说来看原图:
当点击全选按钮的时候,项目复选框全高亮,反之字面意思
反选则为当前勾选项目取消,无勾选项目则被勾选。
步骤
一.写入html内容
input type属性值要改为"checkbox"单选框。
二.写入JavaScript实现功能
在button按钮属性值里设置各自id,
在JavaScript中通过文档获取到该id,
绑定点击事件,for循环遍历所有单选框,
遍历的数组集通过改变属性值的布尔值来显示高亮效果。
反选按钮需要做一个有效的判断来确定单选框勾选显示效果。