原生JS实现表格表单checkbox复选框全选和取消勾选先来看看效果：实现思路：全选和取消全选方法：让所有的checked属性（选中状态）下面的复选框跟随全选按钮；下面的复选框都需要选中，上面的复选框都可以选中方法：给下面的所有复选框绑定点击事件。每次单击时，必须循环检查下面的所有复选框，以查看它们是否未选中。如果您选择了以上所有，则不会选择它们；您可以设置一个变量来控制是否选中所有复选框。选择。HTML代码：
| 商品 | 价格 |
|---|
| iphone13 | 10000 |
| ipadpro | 7000 |
| 华为 | 6280 |
| LenovoThinkBook | 5399 |
CSS代码：table{width:100%;最大宽度：600px；高度：320px；边界崩溃：崩溃；边框：1px实心#38678f；边距：50px自动；背景：白色；}th{背景：钢蓝；高度：54px；宽度：25%；字体粗细：更轻；文字阴影：01px0#38678f；白颜色;边框：1px实心#38678f；框阴影：插入0px1px2px#568ebd；transition:all0.2s;}tr{border-bottom:1pxsolid#cccccc;}td{border-right:1pxsolid#cccccc;填充：10px；transition:all0.2s;}关键JS代码：varj_cbAll=document.getElementById('j_cbAll');//选择所有按钮varj_tbs=document.getElementById('j_tb').getElementsByTagName('input');//下面所有的checkboxes//选择所有的事件j_cbAll.onclick=function(){//this.checked可以得到当前复选框的选中状态，如果为true，则为选中状态，如果为false,它没有被选中(vari=0;i
