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 &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
Dec 15 Javascript
js控制div及网页相关属性的代码
Dec 19 Javascript
Event altKey,ctrlKey,shiftKey属性解析
Dec 18 Javascript
AngularJS基础知识
Dec 21 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
C#程序员入门学习微信小程序的笔记
Mar 05 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
关闭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
PHP.MVC的模板标签系统(二)
2006/09/05 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
php实现mysql连接池效果实现代码
2018/01/25 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
子窗体与父窗体传值示例js代码
2013/08/01 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
JavaScript实现格式化字符串函数String.format
2016/12/16 Javascript
微信小程序 传值取值的几种方法总结
2017/01/16 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
微信小程序实现滚动Tab选项卡
2020/11/16 Javascript
[01:38]完美世界DOTA2联赛(PWL)宣传片:第一站
2020/10/26 DOTA
Python中Continue语句的用法的举例详解
2015/05/14 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
Python input函数使用实例解析
2019/11/22 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
python3让print输出不换行的方法
2020/08/24 Python
selenium学习教程之定位以及切换frame(iframe)
2021/01/04 Python
使用bandit对目标python代码进行安全函数扫描的案例分析
2021/01/27 Python
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
路德维希•贝克(LUDWIG BECK)中文官网:德国大型美妆百货
2020/09/19 全球购物
九年级历史教学反思
2014/01/27 职场文书
个人党性剖析材料
2014/02/03 职场文书
三方协议书范本
2014/04/22 职场文书
大学辅导员述职报告
2015/01/10 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers