码迷,mamicode.com
首页 > 其他好文 > 详细

控制表单控件-获取表单内文本框的个数

时间:2016-09-21 16:00:56      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:

代码:

————————————————————

<script type="text/javascript">
            //获取表单内文本框的个数
            function getInputCount(){
                var f = document.forms[0];            //获取表单DOM
                var elements = f.elements;        //获取所有的控件数组
                var count = 0;                    //统计总数
                //循环遍历
                for(var i=0; i<elements.length; i++){
                    var e = elements[i];            //当前的控件
                    //是否为文本框
                    if(e.tagName == ‘INPUT‘ && e.type == ‘text‘){    
                        count++;                //总数自加
                    }
                }
                //用提示框展示结果
                alert("文本框一共有:" + count + "个");    
            }
        </script>

————————————————————————————

    <body style="text-align:center">
        <!-- 定义表单 -->
        <form>            
            文本框1:<input type="text" name="myText1"/>
            <br/>
            单选框:<input type="radio" name="myRadio" value="1"/>
            <input type="radio" name="myRadio" value="2"/>
            <br/>
            文本框2:<input type="text" name="myText2"/>
            <br/>
            <input type="button" value="一共有多少个文本框" onclick="getInputCount()"/>
        </form>
    </body>

——————————————————————————————————

控制表单控件-获取表单内文本框的个数

标签:

原文地址:http://www.cnblogs.com/hanxuming/p/5892747.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!