平常心

<script>
function allChecked(){
 for(var i=1; i<=4 ; i++){
  document.getElementById(‘checkbox’+i).checked=document.getElementById(‘checkbox’).checked;
  if(document.getElementById(‘checkbox’).checked){
   document.getElementById(‘all’).value += document.getElementById(‘checkbox’+i).value+’,';
  }else{
   document.getElementById(‘all’).value = ”;
  }
 }
}
</script>

<input type=”checkbox” name=”cheeckbox” id=”checkbox”  onclick=”allChecked();”/> all<br />
<input type=”checkbox” name=”checkbox1″ id=”checkbox1″ value=”1″ /> 1<br />
 <input type=”checkbox” name=”checkbox2″ id=”checkbox2″ value=”2″ /> 2<br />
<input type=”checkbox” name=”checkbox3″ id=”checkbox3″ value=”3″ /> 3<br />
<input type=”checkbox” name=”checkbox4″ id=”checkbox4″ value=”4″ /> 3<br />
<input type=”text” name=”all” id=”all” value=”">

更好的实现方法：jquery实现全选效果 http://www.dyphp.com/?p=536