1.淘宝的全选反选案例(jquery实现)
核心思路:
1.实现反选的时候,让checkbox的数量和选中的checked的数量进行比较
2.表单的选中属性使用prop,是布尔值
3.大按钮的反选,让小按钮的选中状态和大按钮选中状态保持一致
页面表现

js代码部分
1.大按钮的全选
2.每个模块大按钮的全选

3.小按钮的反选

2.全选反选(原生js实现)
实现步骤
1.全选

2.小按钮的全选(假设+flag标志)

3.反选(取反)

1.实现反选的时候,让checkbox的数量和选中的checked的数量进行比较
2.表单的选中属性使用prop,是布尔值
3.大按钮的反选,让小按钮的选中状态和大按钮选中状态保持一致
1.大按钮的全选
2.每个模块大按钮的全选
3.小按钮的反选
本文标题:全选反选案例
本文链接:https://www.haomeiwen.com/subject/kvyduqtx.html
网友评论