全选,全不选,自动全选,自动全不选

该效果是JQ代码,所以在实现前,请自己手动引入JQ插件;
效果图
全选,全不选,自动全选,自动全不选_第1张图片

1.css代码

table {
     
   border-collapse: collapse;
}
th,
td {
     
    border: 1px solid red;
    padding: 10px;
    text-align: center;
}

2.html代码

"checkbox" id="check_all" /> 姓名 性别 年龄
"checkbox" /> 张三 18
"checkbox" /> 赵四 19
"checkbox" /> 王五 17
"checkbox" /> 聂把 19

js代码


你可能感兴趣的:(css,js)