表单内同名元素的控制


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 相关文章推荐
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
无刷新上传文件并返回自定义值
Jun 11 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
jQuery实现的经典滑动门效果
Sep 22 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 Javascript
vue项目中引入vue-datepicker插件的详解
May 14 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
详解JavaScript作用域 闭包
Jul 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/03/09 PHP
PHP 彩色文字实现代码
2009/06/29 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
php命令行使用方法和命令行参数说明
2014/04/08 PHP
php使用pack处理二进制文件的方法
2014/07/03 PHP
php一维二维数组键排序方法实例总结
2014/11/13 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
PHP按指定键值对二维数组进行排序的方法
2015/12/22 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
发布一个基于javascript的动画类 Fx.js
2010/11/05 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
javascript 随机展示头像实现代码
2011/12/06 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
python实现自动更换ip的方法
2015/05/05 Python
解决Python的str强转int时遇到的问题
2018/04/09 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
python cookie反爬处理的实现
2020/11/01 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
编辑硕士自荐信范文
2013/11/27 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS
Java Spring读取和存储详细操作
2022/08/05 Java/Android
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS