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判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
JS中eval函数的使用示例
Jul 21 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
js异步上传多张图片插件的使用方法
Oct 22 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
JavaScript 绘制饼图的示例
Feb 19 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
PHP根据传入参数合并多个JS和CSS文件的简单实现
2014/06/13 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
修改好的jquery滚动字幕效果实现代码
2011/06/22 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
pycharm 关闭search everywhere的解决操作
2021/01/15 Python
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
美国宠物商店:Wag.com
2016/10/25 全球购物
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
公司出纳岗位职责
2013/12/07 职场文书
教学实习自我评价
2014/01/28 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
保护动物的标语
2014/06/11 职场文书
课程设计的心得体会
2014/09/03 职场文书
2015年春节标语口号
2014/12/09 职场文书
新娘父亲婚礼致辞
2015/07/27 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript