87,996
社区成员
发帖
与我相关
我的任务
分享表单内有四个多选框,还有一个输入框为e,如何使点击多选框时,输入框的值同时为多选框的值
表单内有四个多选框a,b,c,d,还有一个输入框为e,如何使点击多选框时,输入框的值同时为多选框的值,如选了a,b,c,输入框的值为a,b,c
...全文
请发表友善的回复…
发表回复
meizz 2003-02-11
- 打赏
- 举报
<form name=form1>
<input type=checkbox value="aa" onclick="if(this.checked)document.form1.txt.value=this.value">aa<br>
<input type=checkbox value="bb" onclick="if(this.checked)document.form1.txt.value=this.value">bb<br>
<input type=checkbox value="cc" onclick="if(this.checked)document.form1.txt.value=this.value">cc<br>
<input type=checkbox value="dd" onclick="if(this.checked)document.form1.txt.value=this.value">dd<br>
<input name=txt></form>
<input type=checkbox value="aa" onclick="if(this.checked)document.form1.txt.value=this.value">aa<br>
<input type=checkbox value="bb" onclick="if(this.checked)document.form1.txt.value=this.value">bb<br>
<input type=checkbox value="cc" onclick="if(this.checked)document.form1.txt.value=this.value">cc<br>
<input type=checkbox value="dd" onclick="if(this.checked)document.form1.txt.value=this.value">dd<br>
<input name=txt></form>
tang1980 2003-02-11
- 打赏
- 举报
// 下面是经过我测试的完整代码，if you have any question ,please contact me ：tang1980@vip.sina.com /QQ:43802024
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language=javascript>
<!--
function show()
{
var op=document.myform;
op.e.value="";
for(var i=0;i<4;i++)
if(op.a[i].checked)
op.e.value=op.e.value+op.a[i].value;
}
//-->
</script>
</head>
<body>
<form name="myform" action="" method="post">
<input type=checkbox name="a" value="a" onclick="show()">a<br>
<input type=checkbox name="a" value="b" onclick="show()">b<br>
<input type=checkbox name="a" value="c" onclick="show()">c<br>
<input type=checkbox name="a" value="d" onclick="show()">d<br>
<br>
<input type=text name="e" value="" size=20>
</form>
</body>
</html>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language=javascript>
<!--
function show()
{
var op=document.myform;
op.e.value="";
for(var i=0;i<4;i++)
if(op.a[i].checked)
op.e.value=op.e.value+op.a[i].value;
}
//-->
</script>
</head>
<body>
<form name="myform" action="" method="post">
<input type=checkbox name="a" value="a" onclick="show()">a<br>
<input type=checkbox name="a" value="b" onclick="show()">b<br>
<input type=checkbox name="a" value="c" onclick="show()">c<br>
<input type=checkbox name="a" value="d" onclick="show()">d<br>
<br>
<input type=text name="e" value="" size=20>
</form>
</body>
</html>
dllyzs 2003-02-11
- 打赏
- 举报
onclick=c
function c_clicd()
{
if(document.all.a.checked)
{
s="a"
}
if(document.all.b.checked)
{
s=s+"b"
}
}
function c_clicd()
{
if(document.all.a.checked)
{
s="a"
}
if(document.all.b.checked)
{
s=s+"b"
}
}
xuzuning 2003-02-11
- 打赏
- 举报
<script>
function chktest(form) {
s = "";
for(i=0;i<form.check.length;i++) {
if(form.check[i].checked)
s += ","+form.check[i].value;
}
form.aaa.value = s.substr(1);
}
</script>
<form>
<input name=aaa value="">
<input type=checkbox name=check value="a" onClick="chktest(this.form)">
<input type=checkbox name=check value="b" onClick="chktest(this.form)">
<input type=checkbox name=check value="c" onClick="chktest(this.form)">
<input type=checkbox name=check value="d" onClick="chktest(this.form)">
</form>
function chktest(form) {
s = "";
for(i=0;i<form.check.length;i++) {
if(form.check[i].checked)
s += ","+form.check[i].value;
}
form.aaa.value = s.substr(1);
}
</script>
<form>
<input name=aaa value="">
<input type=checkbox name=check value="a" onClick="chktest(this.form)">
<input type=checkbox name=check value="b" onClick="chktest(this.form)">
<input type=checkbox name=check value="c" onClick="chktest(this.form)">
<input type=checkbox name=check value="d" onClick="chktest(this.form)">
</form>
softrookie 2003-02-11
- 打赏
- 举报
为多选框的clicked事件编个函数，判断点击之后多选框的checked是否为true，然后把为true的值组合好赋值给输入框的value
