代码 <!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>