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 相关文章推荐
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
js 幻灯片的实现
Dec 06 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 Javascript
使用AngularJS 应用访问 Android 手机的图片库
Mar 24 Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
原生js实现二级联动菜单
Nov 27 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
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
Javascript仿PHP $_GET获取URL中的参数
2014/05/12 Javascript
PHP PDO操作总结
2014/11/17 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
JS+CSS实现的经典tab选项卡效果代码
2015/09/16 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
利用Angular2的Observables实现交互控制的方法
2018/12/27 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
解决vue页面渲染但dom没渲染的操作
2020/07/27 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
Python实现的爬虫功能代码
2017/06/24 Python
python 中的list和array的不同之处及转换问题
2018/03/13 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
如何使用Python 打印各种三角形
2019/06/28 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
Python 读取WAV音频文件 画频谱的实例
2020/03/14 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
python复合条件下的字典排序
2020/12/18 Python
德国体育用品网上商店:SC24.com
2016/08/01 全球购物
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
Easy Spirit官网:美国休闲鞋履中的代表品牌
2019/04/12 全球购物
医学类导师推荐信范文
2013/11/19 职场文书
新闻专业本科生的自我评价分享
2013/11/20 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
道德模范先进事迹
2014/02/14 职场文书
工程部部长岗位职责
2015/02/12 职场文书
班主任高考寄语
2015/02/26 职场文书
Python机器学习算法之决策树算法的实现与优缺点
2021/05/13 Python
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
python基础之类方法和静态方法
2021/10/24 Python