正文

js同时获取多个同name的input框的值

IP云
IP云V管理员/3 阅读
06/18
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

demo代码

<!doctype html>
<html ng-app="a3_4">
<head>
<title>表头排序</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">-->
<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script> </head>
<body>
<div ng-controller="c3_4">
<input type="text" name="abcd" value=""/>
<input type="text" name="abcd" value=""/>
<input type="text" name="abcd" value=""/>
<input type="text" name="abcd" value=""/> <button ng-click="getValues()">点击获取input值</button> </div>
<script type="text/javascript">
var a3_4 = angular.module('a3_4', []);
a3_4.controller('c3_4', ['$scope', function ($scope) {
$scope.getValues = function(){
var els =document.getElementsByName("abcd");
for (var i = 0, j = els.length; i < j; i++){
console.log(els[i].value); //获得值<br>alert(els[i].id);//获得ID
}
}
}])
</script>
</body>
</html>

运行演示