<input type="checkbox" id="controlAll" οnclick="selectAll()"/> //控制多选的复选框
<div>
<input name="select_id" type="checkbox" value="1" /><br />
<input name="select_id" type="checkbox" value="2" /><br / >
<input name="select_id" type="checkbox" value="3" /><br / >
<input name="select_id" type="checkbox" value="4" /><br / >
<input name="select_id" type="checkbox" value="5" /><br / >
<input name="select_id" type="checkbox" value="6" /><br / >
<div>
<script type="text/javascript">
function selectAll(){
<div>
<input name="select_id" type="checkbox" value="1" /><br />
<input name="select_id" type="checkbox" value="2" /><br / >
<input name="select_id" type="checkbox" value="3" /><br / >
<input name="select_id" type="checkbox" value="4" /><br / >
<input name="select_id" type="checkbox" value="5" /><br / >
<input name="select_id" type="checkbox" value="6" /><br / >
<div>
<script type="text/javascript">
function selectAll(){
var checklist = document.getElementsByName("select_id"); //获取所有name为select_id的input标签数组
if(document.getElementById("controlAll").checked){ //判断总选按钮是否选中
//alert(checklist.length);
for(var i=0;i<checklist.length;i++){
checklist[i].checked = 1;
}
}else{ //如果总选按钮没有选中
for(var j=0;j<checklist.length;j++){
checklist[j].checked = 0;
}
}
}
</script>
效果如图