首页 >

js怎么实现全选和取消全选的功能? – 网络|

苹果怎么抹除数据,win2003如何删除服务,cs神器时代7.0怎么玩js怎么实现全选和取消全选的功能? - 网络|js怎么实现全选和取消全选的功能

1.选择上面的全选按钮之后下面的按钮全部被选中,取消全部的按钮就取消全选。

2.每次点击下面按钮就去检查是不是所有的按钮都选中了,要是所有的按钮都选中了把最上面的全选按钮就要选中,要是有一个没选中上面全选按钮就不选中。

实现思路:

1.针对第一个功能,可以采用一个flag变量来判断,设置初始值为0也就是全选按钮不选中,然后点击全选按钮判断,判断flag是否为0,如果为0就把所有的下面按钮选中,同时把flag变为1,如果flag为1,则把下面的按钮的checked都变为false,同时把flag变为0。

2.针对第二个功能就要相对复杂一点。给下面的按钮添加循环点击事件,然后把temp变量设为true,然后再循环判断是不是所有按钮的checked都为true,如果有一个为false就把temp变为false,最后把temp的值赋给全选按钮的checked。


js怎么实现全选和取消全选的功能? - 网络|
  • msp430单片机led灯循环显示0到9程序怎么写? - 网络|
  • msp430单片机led灯循环显示0到9程序怎么写? - 网络| | msp430单片机led灯循环显示0到9程序怎么写? - 网络| ...

    js怎么实现全选和取消全选的功能? - 网络|
  • 在powerbuilder里面显示日期函数的的编程代码怎么写啊? - 网络|
  • 在powerbuilder里面显示日期函数的的编程代码怎么写啊? - 网络| | 在powerbuilder里面显示日期函数的的编程代码怎么写啊? - 网络| ...

    js怎么实现全选和取消全选的功能? - 网络|
  • css怎么设置内部链接 |css 文字 省略
  • css怎么设置内部链接 |css 文字 省略 | css怎么设置内部链接 |css 文字 省略 ...