表单内同名元素的控制


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 相关文章推荐
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
面向对象的javascript(笔记)
Oct 06 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
浅谈angularjs $http提交数据探索
Jan 20 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
Angular CLI 使用教程指南参考小结
Apr 10 Javascript
WebSocket的简单介绍及应用
May 23 Javascript
Javascript实现关闭广告效果
Jan 29 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面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
PHP代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
php之readdir函数用法实例
2014/11/13 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
PHP符合PSR编程规范的实例分享
2016/12/21 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
JavaScript 继承使用分析
2011/05/12 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
2015/03/18 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
详解开源的JavaScript插件化框架MinimaJS
2017/10/26 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
Python计算字符宽度的方法
2016/06/14 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
关于numpy中eye和identity的区别详解
2019/11/29 Python
python IP地址转整数
2020/11/20 Python
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
Hotels.com拉丁美洲:从豪华酒店到经济型酒店的预定优惠和折扣
2019/12/09 全球购物
同学聚会老师邀请函
2014/01/28 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python
nginx 配置指令之location使用详解
2022/05/25 Servers