“表单全选取消全选”，js实现全选与反选的功能

好的，实现表单全选与取消全选的功能，需要用到JavaScript来动态修改表单元素的checked属性。下面是一个简单的示例代码，用于实现表单全选和取消全选的功能。

HTML部分：

<form id="my-form">
  <div>
    <input type="checkbox" name="item" value="1">
    <label>选项1</label>
  </div>
  <div>
    <input type="checkbox" name="item" value="2">
    <label>选项2</label>
  </div>
  <div>
    <input type="checkbox" name="item" value="3">
    <label>选项3</label>
  </div>
  <button type="button" onclick="selectAll()">全选</button>
  <button type="button" onclick="unselectAll()">取消全选</button>
</form>

在上面的代码中，我们定义了一个包含三个复选框的表单，并使用了两个按钮来实现全选和取消全选的功能。

JavaScript部分：

// 全选
function selectAll() {
  var checkboxes = document.getElementsByName("item");
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = true;
  }
}

// 取消全选
function unselectAll() {
  var checkboxes = document.getElementsByName("item");
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = false;
  }
}

在上面的代码中，我们定义了两个函数，分别用于实现全选和取消全选的功能。这两个函数的实现很类似，都是获取表单中所有name属性为item的复选框元素，并将它们的checked属性设置为true或false，从而实现全选和取消全选的功能。

当用户点击“全选”按钮时，我们调用了selectAll函数，它会将所有复选框的checked属性设置为true，从而实现全选的功能。当用户点击“取消全选”按钮时，我们调用了unselectAll函数，它会将所有复选框的checked属性设置为false，从而实现取消全选的功能。

希望这个简单的示例代码可以帮助到您！