JavaScript 点击全选 实现代码示例

以下是使用 JavaScript 实现点击全选的示例代码：

HTML 代码：

<input type="checkbox" id="selectAll" onclick="selectAll()" />
<label for="selectAll">全选</label>

<input type="checkbox" name="option1" value="1" />
<label>选项1</label>

<input type="checkbox" name="option2" value="2" />
<label>选项2</label>

<input type="checkbox" name="option3" value="3" />
<label>选项3</label>

JavaScript 代码：

function selectAll() {
  var checkboxes = document.getElementsByName("option");
  var selectAllCheckbox = document.getElementById("selectAll");
  for (var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = selectAllCheckbox.checked;
  }
}

该代码中，我们首先获取了所有的选项 checkbox 和全选 checkbox，然后通过遍历所有选项 checkbox，将它们的 checked 属性设置为全选 checkbox 的 checked 属性。这样，当全选 checkbox 被选中时，所有选项 checkbox 也会被选中。