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 相关文章推荐
js资料toString 方法
Mar 13 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
bmob js-sdk 在vue中的使用教程
Jan 21 Javascript
详解js location.href和window.open的几种用法和区别
Dec 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
php中iconv函数使用方法
2008/05/24 PHP
百度ping方法使用示例 自动ping百度
2014/01/26 PHP
php把session写入数据库示例
2014/02/26 PHP
php自定义函数截取汉字长度
2014/05/15 PHP
php读取csc文件并输出
2015/05/21 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
Google韩国首页图标动画效果
2007/08/26 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
js简单的弹出框有关闭按钮
2014/05/05 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
浅谈JavaScript异步编程
2017/01/20 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
JS算法题之查找数字在数组中的索引位置
2019/05/15 Javascript
vue router返回到指定的路由的场景分析
2020/11/10 Javascript
python单链表实现代码实例
2013/11/21 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
css3使网页、图片变成灰色兼容大多数浏览器
2014/07/02 HTML / CSS
印度购物网站:TATA CLiQ
2017/11/23 全球购物
国际贸易专业个人鉴定
2014/02/22 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
2015年党建工作总结
2015/03/30 职场文书
公历12个月名称的由来
2022/04/12 杂记
Golang gRPC HTTP协议转换示例
2022/06/16 Golang
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS