繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 表单内同名元素的控制
- Javascript
- javascript实例教程(15) 日期函数
- javascript实例教程(17) 使用字符串函数
- javascript实例教程(18) 数组
- javascript实例教程(19) 使用HoTMetal(1)
- javascript实例教程(19) 使用HoTMetal(2)
- javascript实例教程(19) 使用HoTMetal(3)
- javascript实例教程(19) 使用HoTMetal(4)
- javascript使图片加载进度实时显示
- 代码前置时页面输出脚本的要注意的问题|
- javascript网页中显示硬盘内容
- JS实现仿新浪信息提示效果
- Js 按照MVC模式制作自定义控件
- 滑动展开/收缩广告代码实例效果
- JS实现的滑动展开与折叠效果
- 时钟广告跳转状态栏等JS代码
- 一个以Javascript+xml的树型列表
- target 属性怎么用 JS 来控制？
- 一组常用的弹出窗口用法总结
- 冒泡算法的三种JavaScript表示
- 网页最简短的拖动对象代码实例演示
Javascript 中的 表单内同名元素的控制
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 240 ::
收藏到网摘: n/a
复制代码 代码如下:
<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>
评论 (0) All
