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 相关文章推荐
jQuery boxy弹出层插件中文演示及使用讲解
Feb 24 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
原生JavaScript制作微博发布面板效果
Mar 11 Javascript
基于JavaScript代码实现自动生成表格
Jun 15 Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
vue prop传值类型检验方式
Jul 30 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 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
索尼ICF-SW100收音机评测
2021/03/02 无线电
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
php无限遍历目录示例
2014/02/21 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
使用jQuery简化Ajax开发 Ajax开发入门
2009/10/14 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
BootStrap glyphicons 字体图标实现方法
2016/05/01 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
JavaScript 中调用 Kotlin 方法实例详解
2017/06/09 Javascript
jQuery中extend函数简单用法示例
2017/10/11 jQuery
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
Vue按时间段查询数据组件使用详解
2020/08/21 Javascript
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python算法应用实战之队列详解
2017/02/04 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Python基于pycrypto实现的AES加密和解密算法示例
2018/04/10 Python
python破解zip加密文件的方法
2018/05/31 Python
使用pip安装python库的多种方式
2019/07/31 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
美丽乡村建设实施方案
2014/03/23 职场文书
团队拓展活动方案
2014/08/28 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
工作表扬信范文
2015/01/17 职场文书
Java实现贪吃蛇游戏的示例代码
2022/09/23 Java/Android