![ContractedBlock.gif](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
<!
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 >
< 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 >
用js实现获取值传到input里边。