js实现全选与反选

全选

1. 全选复选框点击,可以得到当前按钮的 checked

2. 把下面所有的小复选框状态checked设置和全选复选框一致

反选

1. 遍历下面的所有的checkbox,添加点击事件

2. 检查小复选框的选中个数,是不是等于小复选框总的个数

3. 把结果给全选按钮

4. 利用css复选框选择器 input:checked






  
  全选与反选
  



  
全选 商品 商家 价格
小米手机 小米 ¥1999
小米净水器 小米 ¥4999
小米电视 小米 ¥5999

js实现全选与反选_第1张图片

你可能感兴趣的:(前端小案例,javascript,html,css,html5,css3)