如何获取所有type=text的input控件

ttyrone 2012-12-12 09:47:11

html文件里有很多input，有些type=text，其他的type=hide
要怎么样才能获取所有type=text的控件，而不要type=hide的呢

var inputs = document.getElementsByTagName("input");
这样会把所有的input都包含进来

...全文

457 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

ganganganzixue 2013-11-20

打赏
举报

来学习的，看来还是用jquery比较方便啊

ttyrone 2012-12-12

打赏
举报

引用 1 楼 luyuting520 的回复:

JQUERY很容易就实现此功能$(':text')。如果纯粹的JAVASCRIPT ，个人觉得就只有获取所有INPUT,然后遍历，将type不为text的全部删除。

如果用jquery查id包含maxvalue字样的input控件应该怎么写呢？

tcpfeng 2012-12-12

打赏
举报

jquery $("input[type='text']")

Go 旅城通票 2012-12-12

打赏
举报

遍历找出type为text的控件就行了

    var inputs = document.getElementsByTagName("input"), IPS = [];
    for (var i = 0, j = inputs.length; i < j; i++) 
        if (inputs[i].type == 'text') IPS[IPS.length] = inputs[i];

任第一 2012-12-12

打赏
举报

$("input[type='text']")

qqqqqqqq_2013 2012-12-12

打赏
举报

引用 1 楼 luyuting520 的回复:

JQUERY很容易就实现此功能$(':text')。如果纯粹的JAVASCRIPT ，个人觉得就只有获取所有INPUT,然后遍历，将type不为text的全部删除。

用jquery

lin11211408 2012-12-12

打赏
举报

用jquery吧

luyuting520 2012-12-12

打赏
举报

JQUERY很容易就实现此功能$(':text')。如果纯粹的JAVASCRIPT ，个人觉得就只有获取所有INPUT,然后遍历，将type不为text的全部删除。

吉普赛的歌社区高级成员 T9 2012-12-12

打赏
举报

引用 7 楼 ttyrone 的回复:

引用 1 楼 luyuting520 的回复:JQUERY很容易就实现此功能$(':text')。如果纯粹的JAVASCRIPT ，个人觉得就只有获取所有INPUT,然后遍历，将type不为text的全部删除。如果用jquery查id包含maxvalue字样的input控件应该怎么写呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        //页面加载完事件
        $(function(){
            //取得所有id中包含maxvalue的对象
            var $objs = $("[id*='maxvalue']"); 
            //将上面取到对象的id， 全部连成一个字符串
            var ids = $objs.map(function(){ return this.id; }).get().join(", ");
            alert(ids);
        });
    </script>
</head>
<body>
    <input type="text" id="maxvalue1" value="maxvalue1" /><br />
    <input type="text" id="maxvalue2" value="maxvalue2" /><br />
    <input type="text" id="maxvalue3" value="maxvalue3" /><br />
    <input type="text" id="amaxvalue01" value="amaxvalue01" /><br />
    <input type="text" id="Div1" value="Div1" />
</body>
</html>

Y9CLONG 2012-12-12