表单内同名元素的控制_Javascript教程-查字典教程网
表单内同名元素的控制
表单内同名元素的控制
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:同名元素的控制functionsetFlag(aObj){if(!aObj)returnfalse;if(aObj.for...

复制代码 代码如下:<html>

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

<title>同名元素的控制</title>

<scriptlanguage="javascript">

functionsetFlag(aObj)

{

if(!aObj)

returnfalse;

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>

<formname="form1"method="post"action="">

1<inputname="box"type="checkbox"id="box"value=""onClick="javascript:setFlag(this);"/><inputname="txt"type="text"id="txt"/><br>

2<inputname="box"type="checkbox"id="box"value=""onClick="javascript:setFlag(this);"/><inputname="txt"type="text"id="txt"/><br>

3<inputname="box"type="checkbox"id="box"value=""onClick="javascript:setFlag(this);"/><inputname="txt"type="text"id="txt"/>

</form>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类