如何用JavaScript实现表单全选和取消全选功能？

本文共计1209个文字，预计阅读时间需要5分钟。

原文示例：本文字例为大家分享了JS实现表格全选以及取消全选的具体代码，供大家参考。具体内容如下+实现效果：+全选按钮：点击全选按钮，所有的小按钮都会被选中；点击取消全选按钮，所有的小按钮都会被取消选中。

本文实例为大家分享了JS实现表单全选以及取消全选的具体代码，供大家参考，具体内容如下

实现效果：

全选按钮：点击全选按钮所有的小按钮都会被选中；点掉全选按钮，所有按钮取消选中；

小按钮：只有全部被选中，全选按钮才会被选中

思路分析：

1、全选和取消全选做法：让下面所有复选框的 checked属性（选中状态）跟随全选按钮即可

使用 this.checked 可以获得当前复选框的状态，如果是true就代表被选中，如果是false就代表没被选中。

注：<input>的 checked 属性是一个布尔属性，checked 属性规定在页面加载时应该被预先选定的<input> 元素。

inp[i].checked = this.checked; 使下面所有的复选框的checked属性值等同于 全选按钮的checked值，跟随全选按钮的状态。

this.checked 得到的是 true或是 false，如果是true，就把true赋值给所有下面的复选框的 checked属性。