js同时获取多个同名input表单的值

by zhaoan · 七月 24, 2013

今天碰到需要同时处理多个相同表单内容的问题，怎么才能将这些表单内容同事取出来呢？挨个获取吗？这样似乎也行，但是后面执行起来会比较复杂，网上看了些这方面的处理方法，下面来看看

<html>
<head>
<script language="javascript">
function check(){
var bm_num=0;
var names =document.getElementsByName("plan_bm_num[]");
for(i=0;i<names.length;i++){
bm_num+=names[i].value;
document.getElementById('plan_total_renshu').value=bm_num;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" >
<p>
<input type="text" name="plan_bm_num[]" id="plan_bm_num[]" value="1">
,
<input type="text" name="plan_bm_num[]" id="plan_bm_num[]" value="2">,
<input type="text" name="plan_bm_num[]" id="plan_bm_num[]" value="3">,
<input type="text" name="plan_bm_num[]" id="plan_bm_num[]" value="4">
</p>
<p>
<label for="plan_total_renshu"></label>
<input type="text" name="plan_total_renshu" id="plan_total_renshu">
</p>
<p>
<input type="button" name="button" id="button" value="按钮" onClick="check();">
</p>
</form>
</body>
</html>

其中NAME的值是以plan_bm_num[]（注意后面的方括号）这样的方式命名的，在js中，我们获取到的name是个数组，后面可以通过循环来将数组中的每个值取出来，上面代码是个完整的例子，可以复制到本地演示

zhaoan

一个不起眼的IT工作者，从事过的行业较多，医疗保健、医院、月子会所、机电、重卡、软件，涉及的岗位也较多，零售、市场、平面设计、网站设计、UI设计、前端开发、后端开发、网络布线、设备维护、服务器维护、网络推广、网站运营、新媒体运营、部门管理等等，每个岗位工作基本都能独立完成，但是涉及面广导致都不精通，学习还在继续中。。。