<! 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 > Document </ title >

< style >

</ style >

< script >

function checkAll(e, itemName, thisValue){

var target = document.getElementById( ' arrayid ' );

var targetValue = target.value;

var inputs = document.getElementsByName(itemName);

if (e.checked == true ) {

targetValue += thisValue + ' , ' ;

} else {

targetValue = targetValue.replace(thisValue + ' , ' , '' );

}

target.value = targetValue;

for ( var i = 0 ; i < inputs.length; i ++ ){

inputs[i].checked = e.checked;

}

}

</ script >

</ head >

< body >

< form >

< p >

< input type ="checkbox" value ="1001" name ="1001" id ="1001" onclick ="checkAll(this, 'mk1001', '1001')" >

< label for ="1001" > 复选1 </ label >

< input name ="mk1001" type ="checkbox" id ="mk1001" value ="1" />

< input name ="mk1001" type ="checkbox" id ="mk1002" value ="2" />

< input name ="mk1001" type ="checkbox" id ="mk1003" value ="3" />

< input name ="mk1001" type ="checkbox" id ="mk1004" value ="4" />

< input name ="mk1001" type ="checkbox" id ="mk1005" value ="5" />

</ p >

< p >

< input type ="checkbox" value ="1002" name ="1002" id ="1002" onclick ="checkAll(this, 'mk1002', '1002')" >

< label for ="1002" > 复选2 </ label >

< input name ="mk1002" type ="checkbox" id ="mk1001" value ="6" />

< input name ="mk1002" type ="checkbox" id ="mk1002" value ="7" />

< input name ="mk1002" type ="checkbox" id ="mk1003" value ="8" />

< input name ="mk1002" type ="checkbox" id ="mk1004" value ="9" />

< input name ="mk1002" type ="checkbox" id ="mk1005" value ="10" />

</ p >

< p >

< input type ="checkbox" value ="1003" name ="1003" id ="1003" onclick ="checkAll(this, 'mk1003', '1003')" >

< label for ="1003" > 复选3 </ label >

< input name ="mk1003" type ="checkbox" id ="mk1001" value ="11" />

< input name ="mk1003" type ="checkbox" id ="mk1002" value ="12" />

< input name ="mk1003" type ="checkbox" id ="mk1003" value ="13" />

< input name ="mk1003" type ="checkbox" id ="mk1004" value ="14" />

< input name ="mk1003" type ="checkbox" id ="mk1005" value ="15" />

</ p >

< p >

< input type ="checkbox" value ="1004" name ="1004" id ="1004" onclick ="checkAll(this, 'mk1004', '1004')" >

< label for ="1004" > 复选4 </ label >

< input name ="mk1004" type ="checkbox" id ="mk1001" value ="11" />

< input name ="mk1004" type ="checkbox" id ="mk1002" value ="12" />

< input name ="mk1004" type ="checkbox" id ="mk1003" value ="13" />

< input name ="mk1004" type ="checkbox" id ="mk1004" value ="14" />

< input name ="mk1004" type ="checkbox" id ="mk1005" value ="15" />

</ p >

< p >

请把复选1,2,3的值传到以下的框中，中间以,号分隔

</ p >

< p >

< input type ="text" id ="arrayid" />

</ p >

</ form >

</ body >

</ html >