javascript遍历控件实例详细解析
更新时间：2014年01月10日 15:22:36 作者：
这篇文章详细解析了javascript遍历控件实例，有需要的朋友可以参考一下
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);
}
相关文章
有些老项目的包长时间没有更新,导致项目中有些性能问题,在项目迭代中考虑升级包,下面这篇文章主要给大家介绍了关于webpack4升级到webpack5的实战经验,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了Three.js外部模型加载的教程详解,在文章给大家补充介绍了three.js 外部模型加载json的方法，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-11-11
这篇文章主要为大家详细介绍了javascript实现移动端轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要介绍了js根据json数组多个字段排序及json数组常用操作，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-06-06
为了防止INPUT按回车form自动提交，可以以下两种方法：增加一个隐藏的input。为input增加一个按键事件来阻止form提交。具体详情可以参考下本文2016-12-12
本文主要介绍了JavaScript中的call和apply的用途以及区别。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了推荐阅读的js快速判断IE浏览器(兼容IE10与IE11),因为ie11取消了很多低版本的判断，很多js都需要修改了，这里简单介绍下需要的朋友可以参考下2015-12-12
这篇文章主要介绍了JS中IP地址与整数相互转换的实现代码,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了JavaScript数组常见方法汇总与实例说明包括数组修改，数组增加，数组遍历,数组排序等操作,需要的朋友可以参考下2022-12-12
wxs相当于一个独立模块,相当于一个独立出来的module对象,通过module.exports向外暴露,在文件中引入即可使用,下面这篇文章主要给大家介绍了关于微信小程序中wxs文件的一些妙用,需要的朋友可以参考下2022-01-01
最新评论