先貼html主要代碼
<script type="text/javascript" src="checkbox.js"></script>
<form name="form" >
<input type="checkbox" name="checkbox" value="全選/取消" onclick="check()">全選/取消<br/>
<input type="checkbox" name="box" value="我是老大">大大大大<br/>
<input type="checkbox" name="box" value="我是老二">二二二二<br/>
<input type="checkbox" name="box" value="我是老三">三三三三<br/>
<input type="checkbox" name="box" value="我是老幺">幺幺幺幺<br/>
相對應的js代碼如下
function check(){
var a=document.getElementsByName('checkbox');
var b=document.getElementsByName('box');
if(a[0].checked==true){
for(var i=0;i<b.length;i++)b[i].checked=true;
}
else{
for(var i=0;i<b.length;i++)b[i].checked=false;
}
}