javascript遍历控件实例详细解析


Posted in Javascript onJanuary 10, 2014

js遍历页面控件,

 var inputArr = document.forms[0];
   for( var i = 0; i < inputArr.length; i++ ) {
    if( inputArr[i].type.toUpperCase() == "BUTTON" ) {
     inputArr[i].disabled="disabled";
    }else if( inputArr[i].type.toUpperCase() == "FILE" ){     
     inputArr[i].readonly=true;
    }
   }
 

 另一种方法:

var Elements = document.getElementsByTagName_r("*");
var msgs;
var i;
for ( i in Elements ) {
if ( Elements[i].type == "text" ) {
alert(Elements[i].value);
}
}

JS遍历控件取值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>JS遍历控件取值</title>
    <mce:script type="text/javascript"><!--
    function Submit()
    {
       var Text=document.getElementsByTagName("input");
      var Array="";
        for(var i=0;i<Text.length;i++)
        {
            if(Text[i].type=="text"||Text[i].type=="checkbox")
            {
              Array+=",";
              Array+=Text[i].value;
            }        }
         Array=Array.substring(1,Array.length);
         alert(Array);
    }
// --></mce:script>
</head>
<body>
    <table>
        <tr>
            <td style="width: 100px">
                <input id="Checkbox1" type="checkbox" value="胡果" />胡果</td>
            <td style="width: 100px">
                <input id="Text1" type="text" value="ws_hgo" /></td>
            <td style="width: 100px">
                <input id="Button1" type="button" value="button" onclick="Submit(this)" /></td>
        </tr>
         </table>

</body>
</html>

遍历页面 text控制代码

        function Texts() 
        { 
             //var els= document.getElementsByTagName("*");   //els得到页面所有控件 
             var els= document.getElementsByTagName("INPUT"); //上面的也可,这样可以减少循环 
             var msgs=""; 
             for (var i=0;i<els.length;i++ )  
             { 
                 if (els[i].type == "text" )  
                 { 
                     //取得控件ID 
                     msgs += els[i].id + ","; 
                 } 
             } 
             alert(msgs); 
         }
Javascript 相关文章推荐
用 JavaScript 迁移目录
Dec 18 Javascript
javascript 学习之旅 (2)
Feb 05 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
Mar 28 Javascript
ModelDialog JavaScript模态对话框类代码
Apr 17 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
Aug 03 Javascript
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
element-ui中按需引入的实现
Dec 25 Javascript
js 数据类型判断的方法
Dec 03 Javascript
js实现验证码干扰(动态)
Feb 23 Javascript
关闭ie窗口清除Session的解决方法
Jan 10 #Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 #Javascript
JS实现根据出生年月计算年龄
Jan 10 #Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 #Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 #Javascript
深入理解JSON数据源格式
Jan 10 #Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 #Javascript
You might like
Discuz批量替换帖子内容的方法(使用SQL更新数据库)
2014/06/23 PHP
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
js 走马灯简单实例
2013/11/21 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
使用 jQuery 实现表单验证功能
2017/07/05 jQuery
jquery实现掷骰子小游戏
2019/10/24 jQuery
JS如何把字符串转换成json
2020/02/21 Javascript
js代码编写无缝轮播图
2020/09/13 Javascript
[00:36]DOTA2上海特级锦标赛 LGD战队宣传片
2016/03/04 DOTA
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方法
2013/01/09 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
英国第一的滑雪服装和装备零售商:Snow+Rock
2020/02/01 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
华三通信H3C面试题
2015/05/15 面试题
大学专科生推荐信范文
2013/11/23 职场文书
执行力心得体会
2013/12/31 职场文书
结婚典礼证婚词
2014/01/08 职场文书
金融专业大学生职业生涯规划范文
2014/01/16 职场文书
大学生旷课检讨书
2014/01/22 职场文书
大学社团活动策划书
2014/01/26 职场文书
团拜会策划方案
2014/06/07 职场文书
浪漫的婚礼主持词
2015/06/30 职场文书
红十字会救护培训简讯
2015/07/20 职场文书
餐厅服务员管理制度
2015/08/05 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
创业计划书之溜冰场
2019/10/25 职场文书
PHP中->和=>的意思
2021/03/31 PHP
python绘图subplots函数使用模板的示例代码
2021/04/30 Python
tomcat下部署jenkins的方法
2022/05/06 Servers