特牛网址导航

原生JS实现table表格checkbox复选框的全选取消全选_table checkbox-CSDN博客

网友收藏
文章浏览阅读2.8k次,点赞2次,收藏14次。原生JS实现table表格checkbox复选框的全选与取消全选。先来看一下效果:实现思路:全选和取消全选做法:让下面所有复选框的checked属性(选中状态)跟随全选按钮即可;下面复选框需要全部选中,上面全选才能选中做法:给下面所以复选框绑定点击事件,每次点击,都要循环查看下面所有的复选框是否有没选中的,上面全选就不选中;可以设置一个变量,来控制全选是否选中。HTML代码:<table> <thead> <tr> _table checkbox
标签:table checkbox