表单内同名元素的控制


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的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 Javascript
jquery删除提示框弹出是否删除对话框
Jan 07 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
JS字符串补全方法padStart()和padEnd()
May 27 Javascript
vue实现折线图 可按时间查询
Aug 21 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中使用sockets:从新闻组中获取文章
2006/10/09 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
2012/12/15 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
node.js中的path.basename方法使用说明
2014/12/09 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
2017/01/06 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
2017/08/24 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
记React connect的几种写法(小结)
2018/09/18 Javascript
如何让微信小程序页面之间的通信不再变困难
2019/06/03 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
JS实现页面侧边栏效果探究
2021/01/08 Javascript
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
pandas通过loc生成新的列方法
2018/11/28 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
ORM Django 终端打印 SQL 语句实现解析
2019/08/09 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
酒吧员工的岗位职责
2013/11/26 职场文书
上班上网检讨书
2014/01/29 职场文书
物业保安员岗位职责制度
2014/01/30 职场文书
中学教师师德承诺书
2014/05/23 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
2014年业务工作总结
2014/11/17 职场文书
休学证明范本
2015/06/19 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP
Python实现机器学习算法的分类
2021/06/03 Python