js实现获取值传到input里边

时间:2024-03-02 22:00:32

 

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

 

 

 

用js实现获取值传到input里边。