前端开发学习

全选反选案例

2019-03-21  本文已影响80人  hello1998

1.淘宝的全选反选案例(jquery实现)

核心思路:

                1.实现反选的时候,让checkbox的数量和选中的checked的数量进行比较

                   2.表单的选中属性使用prop,是布尔值

                   3.大按钮的反选,让小按钮的选中状态和大按钮选中状态保持一致

页面表现

js代码部分

1.大按钮的全选

2.每个模块大按钮的全选

3.小按钮的反选

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

实现步骤

1.全选

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

3.反选(取反)

上一篇下一篇

猜你喜欢

热点阅读