html代码实现全选功能

在网页开发中，经常需要用到全选功能。在HTML代码中，可以使用JavaScript来实现这个功能。下面是一个示例代码：

input type="checkbox" onclick="checkAll(this)">
    全选input type="checkbox">
    选项1input type="checkbox">
    选项2input type="checkbox">
    选项3script>
function checkAll(obj) {
      var checkboxes = document.getElementsByTagName("input");
      for (var i = 0;
     i  checkboxes.length;
 i++) {
    if (checkboxes[i].type == "checkbox") {
          checkboxes[i].checked = obj.checked;
    }
  }
}
    /script>
    

上述代码中，添加了一个全选的复选框，当用户点击该框时，调用checkAll函数，function checkAll(obj)中obj是指这个复选框。然后获取网页中所有的input元素，如果是type="checkbox"的，将其状态与全选复选框相同。这样就实现了全选的功能。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！