<!DOCTYPE html>
<html>
<head>
<title>142</title>
<meta charset="utf-8">
<script type="text/javascript">
window.onload=function()
{
var a=document.getElementsByName("a");
var i;
for(i=0;i<a.length;i++)
{
a[i].onchange=function()
{
alert(this.value);
}
}
}
function ac()
{
var a,i;
a=document.getElementsByName("a");
for(i=0;i<a.length;i++)
{
a[i].checked=true;
}
}
function as()
{
var a=document.getElementsByName("a");
var i;
for(i=0;i<a.length;i++)
{
if(a[i].checked==true)
{
a[i].checked=false;
}
else
a[i].checked=true;
}
}
</script>
</head>
<body>
<label><input type="checkbox" name="a" value="11">11</label>
<label><input type="checkbox" name="a" value="22">22</label>
<label><input type="checkbox" name="a" value="33">33</label>
<div>
<label><input type="radio" name="ab" onchange="ac()">全选</label>
<label><input type="radio" name="ab" onchange="as()">反选</label>
</div>
</body>
</html>