<script type="text/javascript"> <!-- function kk () { //oForm = document.getElementById("form1"); var s = ""; var a = document.getElementsByName("a"); for (var i=0; i<a.length; i++) { if (a[i].checked) { s += a[i].value } } var b = document.getElementsByName("b"); for (var i=0; i<b.length; i++) { if (b[i].checked) { s += b[i].value } } document.getElementsByName("sc")[0].value = s + document.getElementsByName("CD")[0].value + document.getElementsByName("e")[0].value; } //--> </script>
<!--
function kk () {
//oForm = document.getElementById("form1");
var s = "";
var a = document.getElementsByName("a");
for (var i=0; i<a.length; i++) {
if (a[i].checked) {
s += a[i].value
}
}
var b = document.getElementsByName("b");
for (var i=0; i<b.length; i++) {
if (b[i].checked) {
s += b[i].value
}
}
document.getElementsByName("sc")[0].value = s + document.getElementsByName("CD")[0].value;
}
//-->
</script>
<body>
<h2>说明:选中选项将结果输出在 '输出栏' ,结果累加。选择 '否' 则取消输出。</h2>
<form name="form1" id="form1" method="post" action="">
是否输出 A ?
<input name="a" type="radio" value="A" onclick="kk()"/> 是
<input name="a" type="radio" value="" onclick="kk()" /> 否
<br /><br />
是否输出 B ?
<input name="b" type="radio" value="B" onclick="kk()" /> 是
<input name="b" type="radio" value="" onclick="kk()" /> 否
<br /><br />
还要输出?
<select name="CD" onchange="kk()">
<option value="C">C</option>
<option value="D">D</option>
</select>
<br /><br />
结果输出栏 <input type="text" value="" name="sc" maxlength="18" >
</form> </body>
<!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>
<title></title>
<script src="Scripts/JS/Common.js" type="text/javascript"></script>
<script type="text/javascript">
var result = new Array();
var getRadiosValue = function (radios,varb,output) {
for (var i = 0; i < radios.length; i++)
radios[i].onclick = function () {
for (var j = 0; j < radios.length; j++) { {
if (this.checked) {
result[varb]= this.value;
output.value = result.join("");
}
}
}
}
} window.onload = function () {
var outPut = document.getElementsByName("sc")[0];
var radios = document.getElementsByName("a");
getRadiosValue(radios, 0,outPut);
var radios1 = document.getElementsByName("b")
getRadiosValue(radios1, 1,outPut); var seletct = document.getElementsByName("CD")[0];
result[2] = "C";
seletct.onchange = function () {
for (var i = 0; i < this.options.length; i++) {
if (this.options[i].selected) {
result[2] = this.options[i].value;
}
}
outPut.value = result.join("");
}
}
</script>
</head>
<body>
<h2>
说明:选中选项将结果输出在 '输出栏' ,结果累加。选择 '否' 则取消输出。</h2>
<form name="form1" id="form1" method="post" action="">
是否输出 A ?
<input name="a" type="radio" value="A" />
是
<input name="a" type="radio" value="" />
否
<br />
<br />
是否输出 B ?
<input name="b" type="radio" value="B" />
是
<input name="b" type="radio" value="" />
否
<br />
<br />
还要输出?
<select name="CD">
<option>C</option>
<option>D</option>
</select>
<br />
<br />
结果输出栏
<input type="text" value="" name="sc" maxlength="18">
</form>
<br />
<br />
输出例子
<input type="text" value="ABC" name="sc" maxlength="18">
</form>
</body>
</html>
请问如果加多一个 "<select name="e" onchange="kk()">..."
JS中需要增加什么内容?
<!--
function kk () {
//oForm = document.getElementById("form1");
var s = "";
var a = document.getElementsByName("a");
for (var i=0; i<a.length; i++) {
if (a[i].checked) {
s += a[i].value
}
}
var b = document.getElementsByName("b");
for (var i=0; i<b.length; i++) {
if (b[i].checked) {
s += b[i].value
}
}
document.getElementsByName("sc")[0].value = s + document.getElementsByName("CD")[0].value + document.getElementsByName("e")[0].value;
}
//-->
</script>