checkbox表格全选

最新推荐文章于 2021-06-04 19:33:31 发布

CrazyL-

最新推荐文章于 2021-06-04 19:33:31 发布

阅读量888

点赞数

分类专栏：前端文章标签： checkbox 全选

本文链接：https://blog.csdn.net/lovelovelovelovelo/article/details/70169550

版权

前端专栏收录该内容

57 篇文章 0 订阅

订阅专栏

  function checkAll(obj){
        if(obj.checked){
            $("table input[type=checkbox]").prop("checked",true);
        }else{
            $("table input[type=checkbox]").removeAttr("checked");
        }
        $("#table input:checkbox:gt(0)").each(function(){
            //做需要的操作
            checkThis(this);
        })
    }
 function checkThis(obj){
        var tr = obj.parentNode.parentNode;
        var tds = tr.cells;
        if(obj.checked){

        }else{

        }
    }

<table id="table" cssClass="form-control" cellspacing="0" width="100%">
         <thead>
                <tr>
                    <td><input type="checkbox" onclick="checkAll(this)"/></td>
                    <td>id</td>
                    <td>姓名</td>
                    <td>邮箱</td>
                    <td>账号</td>
                </tr>                   
         </thead>
         <tbody>
                <tr>
                    <td><input type="checkbox" onclick="checkAThis(this)"/></td>
                    <td>id</td>
                    <td>name</td>
                    <td>email</td>
                    <td>zhanghao</td>
                </tr>                   
         </tbody>
</table>