表单内同名元素的控制

时间:2020-05-11 人气:0

<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>

加载全部内容