js 一个简单的遍历表单元素的实例

时间:2015-12-15
在js中，我们可以使用length来获取某个表单元素的个数，然后可以通过这个length对表单元素进行遍历。本文章介绍一个简单的遍历表单元素的实例。需要的码农可以参考一下。
<html>
<head>
</head>
<body id="body">
  <form method="GET" action="">
    <input type="text" value="123" >
    <input type="text" value="456" >
    <input type="text" value="789" >
    <input type="button" value="Go" onclick="doIt()">
  </form>
  <script>
  function doIt(){
        var form = document.forms[0]; // 获取页面中第一个form表单
        for (var i = 0; i < form.elements.length; i++){
            console.log(form.elements[i].value);
        }
    }
</script>
</body>
</html>

本实例中的表单又四个元素，分别为3个text文本域和一个button。

document.forms[0]用于获取文档中的第一个表单（该页面只有一个表单），然后使用length获取表单的长度，再使用for遍历表单元素并获取每个元素的值。

你可以把代码复制到这个页面运行一下。

随机文章
Javascript知识点必读
最近更新