表单内同名元素的控制


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 相关文章推荐
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
Javascript 中的类和闭包
Jan 08 Javascript
最常用的12种设计模式小结
Aug 09 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
Bootstrap datepicker日期选择器插件使用详解
Jul 26 Javascript
vue 中swiper的使用教程
May 22 Javascript
js使用cookie实现记住用户名功能示例
Jun 13 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 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
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
Laravel Eloquent ORM 多条件查询的例子
2019/10/10 PHP
jQuery 的全选(全非选)即取得被选中的值使用介绍
2013/11/12 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
NodeJS学习笔记之FS文件模块
2015/01/13 NodeJs
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
Nodejs进阶:基于express+multer的文件上传实例
2016/11/21 NodeJs
JavaScript中Array对象用法实例总结
2016/11/29 Javascript
解决layui 复选框等内置控件不显示的问题
2018/08/14 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
js的新生代垃圾回收知识点总结
2019/08/22 Javascript
小程序实现上下移动切换位置
2019/09/23 Javascript
JS 创建对象的模式实例小结
2020/04/28 Javascript
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
python 全文检索引擎详解
2017/04/25 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
Python3 SSH远程连接服务器的方法示例
2018/12/29 Python
对于Python深浅拷贝的理解
2019/07/29 Python
python系统指定文件的查找只输出目录下所有文件及文件夹
2020/01/19 Python
python文件排序的方法总结
2020/09/13 Python
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
某同学的自我鉴定范文
2013/12/26 职场文书
中学生自我鉴定
2014/02/04 职场文书
小学师德师风整改措施
2014/10/27 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
员工工作表扬信
2015/05/05 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
python 详解turtle画爱心代码
2022/02/15 Python