html全选功能实现

可以通过以下代码实现HTML页面中的全选功能：

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

<input type="checkbox" class="item">
<input type="checkbox" class="item">
<input type="checkbox" class="item">

<script>
function selectAllItems() {
  var items = document.getElementsByClassName("item");
  for (var i = 0; i < items.length; i++) {
    items[i].checked = document.getElementById("selectAll").checked;  }
}
</script>

以上代码中，我们首先创建了一个全选的复选框，并为其添加了一个id属性，用于在JavaScript中获取该元素。然后，我们为该复选框添加了一个onclick事件，当用户点击该复选框时，会触发名为selectAllItems的JavaScript函数。

该函数首先获取所有class为item的复选框元素，并遍历这些元素，将它们的checked属性设置为全选复选框的checked属性。