最精简的复选框全选/全不选解决方案

最新推荐文章于 2023-12-13 11:28:53 发布

转载最新推荐文章于 2023-12-13 11:28:53 发布 · 2.2k 阅读

收录于

WEB开发

当前文章被收录于：

WEB开发

6 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种通过JavaScript实现全选功能的方法。具体实现方式为利用`onclick`事件触发`sel`函数，该函数遍历所有指定名称的复选框，并根据触发全选按钮的状态来设置每个复选框的选中状态。

<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){
  var o=document.getElementsByName(a)
  for(i=0;i<o.length;i++)
  o[i].checked=event.srcElement.checked
}
</script>

标签

#javascript #input #function