checkbox几种全选的方法

最新推荐文章于 2025-09-26 15:09:25 发布

转载最新推荐文章于 2025-09-26 15:09:25 发布 · 267 阅读

本文介绍了一种通过JavaScript实现全选功能的方法。该方法适用于多个复选框（checkbox），通过点击一个全选按钮来控制所有复选框的选中状态。具体实现方式是使用JavaScript遍历所有具有相同名称属性的复选框，并设置它们的checked属性。

checkbox几种全选的方法

<html>

<body>

<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选：<input type=checkbox onclick=sel('chk')>
<script language="javascript">
function sel(a){
o=document.getElementsByName(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script>