表单内同名元素的控制


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 动态修改样式和层叠样式表代码
Apr 27 Javascript
Safari5中alert的无限循环BUG
Apr 07 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
深入分析javascript中console命令
Aug 14 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
vue内置指令详解
Apr 03 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
php 判断字符串中是否包含html标签
2014/02/17 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
详解NodeJs项目 CentOs linux服务器线上部署
2019/09/16 NodeJs
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
如何区分vue中的v-show 与 v-if
2020/09/08 Javascript
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
在Python程序中操作文件之isatty()方法的使用教程
2015/05/24 Python
实践Python的爬虫框架Scrapy来抓取豆瓣电影TOP250
2016/01/20 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
PyQt5每天必学之布局管理
2018/04/19 Python
Python tkinter label 更新方法
2018/10/11 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
Python Web版语音合成实例详解
2019/07/16 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
介绍一下mysql的日期和时间函数
2013/03/28 面试题
编辑个人求职信范文
2013/09/21 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书