表单内同名元素的控制


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 Tab 导航插件 (23个)
Jun 11 Javascript
js正则表达exec与match的区别说明
Jan 29 Javascript
node.js中的fs.stat方法使用说明
Dec 16 Javascript
基于JQuery制作可编辑的表格特效
Dec 23 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
Jan 26 Javascript
原生javascript实现自动更新的时间日期
Feb 12 Javascript
基于Vue.js实现tab滑块效果
Jul 23 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
关于JavaScript数组去重的一些理解汇总
Sep 10 Javascript
Javascript设计模式之原型模式详细
Oct 05 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
PHP如何透过ODBC来存取数据库
2006/10/09 PHP
基于PHP读取TXT文件向数据库导入海量数据的方法
2013/04/23 PHP
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
代码生成器 document.write()
2007/04/15 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
flask框架路由常用定义方式总结
2019/07/23 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
Amcal中文官网:澳洲综合性连锁药房
2019/03/28 全球购物
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
房地产广告策划方案
2014/05/15 职场文书
服装仓管员岗位职责
2014/06/17 职场文书
终止或解除劳动合同及劳动关系的证明书
2014/10/06 职场文书
二年级学生期末评语
2014/12/26 职场文书
大学生个人学习总结
2015/02/15 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL