本文介绍了一种在HTML页面中实现全选功能的方法，通过JavaScript操作复选框完成选择状态同步。具体实现了点击一个主控复选框时，页面上所有相关联的复选框都会被同时选中或取消选中。
<html> <head> </head> <body> <input type="checkbox" name="ck" onclick="selAll();">全选<br> <input type="checkbox" name="ck">1<br> <input type="checkbox" name="ck">2<br> <input type="checkbox" name="ck">3<br> <input type="checkbox" name="ck">4<br> </body> </html> <mce:script type="text/javascript"><!-- function selAll(){ var ck = document.getElementsByName("ck");//或者 document.all("ck"); //如果不定义下面连个变量而直接在数组取长度，当复选框多时，效率会低下 var flag = ck[0].checked; var len = ck.length; for(i=0;i<len;i++){ ck[i].checked = flag; } } // --></mce:script>
版权声明：本文为博主原创文章，未经博主允许不得转载。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
