当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 表单内同名元素的控制

表单内同名元素的控制

2019年07月31日  | 移动技术网IT编程  | 我要评论
复制代码 代码如下:
<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> 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网