表单内同名元素的控制


Posted in Javascript onNovember 22, 2006
<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> 

Javascript 相关文章推荐
javascript编程起步(第六课)
Jan 10 Javascript
firefox浏览器下javascript 拖动层效果与原理分析代码
Dec 04 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
Jun 28 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
Apr 12 Javascript
详解Vue源码学习之callHook钩子函数
Jul 25 Javascript
微信小程序生成分享海报方法(附带二维码生成)
Mar 29 Javascript
js实现简单分页导航栏效果
Jun 28 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
document.all与WEB标准
May 13 #Javascript
云网广告中的代码,提示出错,大家找找
Nov 21 #Javascript
在视频前插入广告
Nov 20 #Javascript
使两个iframe的高度与内容自适应,且相等
Nov 20 #Javascript
arguments对象
Nov 20 #Javascript
重定向实现代码
Nov 20 #Javascript
用js得到网页中所有的div的id
Oct 19 #Javascript
You might like
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
文章推荐系统(二)
2006/10/09 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
php浏览历史记录的方法
2015/03/10 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
PHP ADODB生成HTML表格函数rs2html功能【附错误处理函数用法】
2018/05/29 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
2016/01/21 Javascript
Javascript实现跑马灯效果的简单实例
2016/05/31 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
Python中的defaultdict与__missing__()使用介绍
2018/02/03 Python
浅谈Python的list中的选取范围
2018/11/12 Python
Python中断多重循环的思路总结
2019/10/04 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
k-means 聚类算法与Python实现代码
2020/06/01 Python
Python字符串格式化常用手段及注意事项
2020/06/17 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
感恩节活动方案
2014/01/27 职场文书
班级心理活动总结
2014/07/04 职场文书
单位推荐信范文
2015/03/27 职场文书
资料员岗位职责范本
2015/04/13 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
家庭经济困难证明
2015/06/23 职场文书