用getElementsByName实现全选、反选、全不选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GetElementsByName</title>
</head>
<body>
<input type="checkbox" name="a"/>选项一<br />
<input type="checkbox" name="a"/>选项二<br />
<input type="checkbox" name="a"/>选项三<br />
<input type="checkbox" name="a"/>选项四<br />
<input type="checkbox" name="a"/>选项五<br />

<input type="button" value="全选" onclick="a()"/>
<input type="button" value="全不选" onclick="b()"/>
<input type="button" value="反选" onclick="c()"/>
</body>
<script>
function a()
{var t= document.getElementsByName("a");
 for(i=0;i<t.length;i++)
 {
    t[i].checked = "true";
 }
}
function b()
{var t= document.getElementsByName("a");
 for(i=0;i<t.length;i++)
 {
    t[i].checked = false;
 }
}
function c()
{
var t= document.getElementsByName("a");
 for(i=0;i<t.length;i++)
 {
  if(t[i].checked == false)
  {
   t[i].checked = "true";
  }
  else t[i].checked = false;
 }
}

</script>
</html>

你可能感兴趣的:(用getElementsByName实现全选、反选、全不选)