表单内同名元素的控制


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版)
Nov 19 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
Mar 10 Javascript
判断访客终端类型集锦
Jun 05 Javascript
jQuery实现获取元素索引值index的方法
Sep 18 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
jQuery 筛选器简单操作示例
Oct 02 jQuery
vue数据响应式原理知识点总结
Feb 16 Javascript
JS遍历树层级关系实现原理解析
Aug 31 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
WordPress分页伪静态加html后缀
2016/06/08 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
一些常用的JavaScript函数(json)附详细说明
2011/05/25 Javascript
JS Replace()的高级使用方法介绍
2013/06/29 Javascript
jQuery实现折线图的方法
2015/02/28 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
详解vue-cli下ESlint 配置说明
2018/09/03 Javascript
layui table数据修改的回显方法
2019/09/04 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
New Balance天猫官方旗舰店:始于1906年,百年慢跑品牌
2017/11/15 全球购物
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
党员学习十八大感想
2014/01/17 职场文书
竞选学生会主席演讲稿
2014/04/24 职场文书
电话客服专员岗位职责
2014/06/28 职场文书
导游词之江苏同里古镇
2019/11/18 职场文书
vue postcss-px2rem 自适应布局
2022/05/15 Vue.js