表单内同名元素的控制
程序员文章站
2023-01-01 20:15:21
复制代码 代码如下:
复制代码 代码如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>同名元素的控制</title>
<script language="javascript">
function setflag(aobj)
{
if (!aobj)
return false;
if(aobj.form.box.length>1) //超过一个
{
for (i=0;i<aobj.form.box.length;i++)
if (aobj.form.box[i]==aobj)
if (aobj.form.box[i].checked)
aobj.form.txt[i].value="ok";
else
aobj.form.txt[i].value="";
}
else
{
aobj.form.txt.value="oks"//如果只有一行(无重名)
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
1<input name="box" type="checkbox" id="box" value="" onclick="javascript:setflag(this);"/><input name="txt" type="text" id="txt" /><br>
2<input name="box" type="checkbox" id="box" value="" onclick="javascript:setflag(this);" /><input name="txt" type="text" id="txt" /><br>
3<input name="box" type="checkbox" id="box" value="" onclick="javascript:setflag(this);" /><input name="txt" type="text" id="txt" />
</form>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>同名元素的控制</title>
<script language="javascript">
function setflag(aobj)
{
if (!aobj)
return false;
if(aobj.form.box.length>1) //超过一个
{
for (i=0;i<aobj.form.box.length;i++)
if (aobj.form.box[i]==aobj)
if (aobj.form.box[i].checked)
aobj.form.txt[i].value="ok";
else
aobj.form.txt[i].value="";
}
else
{
aobj.form.txt.value="oks"//如果只有一行(无重名)
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
1<input name="box" type="checkbox" id="box" value="" onclick="javascript:setflag(this);"/><input name="txt" type="text" id="txt" /><br>
2<input name="box" type="checkbox" id="box" value="" onclick="javascript:setflag(this);" /><input name="txt" type="text" id="txt" /><br>
3<input name="box" type="checkbox" id="box" value="" onclick="javascript:setflag(this);" /><input name="txt" type="text" id="txt" />
</form>
</body>
</html>