简单的表格列表全选反选js代码

来源:https://www.sucaihuo.com/js/2332.html 2017-07-06 20:00浏览(1037) 收藏

简单的表格列表全选反选js代码,原生JS checkbox实现简单的全选反选效果,点击表格列表选中,全选以及取消全选代码。
简单的表格列表全选反选js代码
分类:表单代码 > 全选 反选 难易:入门级
查看演示 下载资源 下载积分: 10 积分

js代码

<script>
 var all = document.getElementById("j_cbAll");
 var tbody = document.getElementById("j_tb");
 var checkboxs = tbody.getElementsByTagName("input");
 all.onclick = function() {
     for (var i = 0; i < checkboxs.length; i++) {
         var checkbox = checkboxs[i];
         checkbox.checked = this.checked;
     }
 };
 for (var i = 0; i < checkboxs.length; i++) {
     checkboxs[i].onclick = function() {
         var isCheckedAll = true;
         for (var i = 0; i < checkboxs.length; i++) {
             if (!checkboxs[i].checked) {
                 isCheckedAll = false;
                 break;
             }
         }
         all.checked = isCheckedAll;
     };
 }</script>
标签: 反选全选
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2