javascript实现全选,反选代码

最新推荐文章于 2024-12-27 08:14:13 发布

转载最新推荐文章于 2024-12-27 08:14:13 发布 · 1.3k 阅读

文章标签：

#javascript #input #button #function

脚本技术/Javascript/浏览器兼容性专栏收录该内容

103 篇文章

订阅专栏

本文介绍了一段使用JavaScript实现的全选与反选功能代码。该代码通过两个按钮触发，能够实现表单中所有复选框的全选或反选操作。适用于网页表单的快速操作。

javascript实现全选,反选代码

<form name=aa>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=button value="all" onclick=selectAll(document.aa)>
<input type=button value="other" onclick=selectOther(document.aa)>
<input type=reset value="reset">
<script>
function selectAll(obj)
{
for(var i = 0;i<obj.elements.length;i++)
if(obj.elements[i].type == "checkbox")
obj.elements[i].checked = true;
}
function selectOther(obj)
{
for(var i = 0;i<obj.elements.length;i++)
if(obj.elements[i].type == "checkbox" )
{
if(!obj.elements[i].checked)
obj.elements[i].checked = true;
else
obj.elements[i].checked = false;