js同时获取多个同名input表单的值 - Andy Zhao's blog

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

<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是个数组，后面可以通过循环来将数组中的每个值取出来，上面代码是个完整的例子，可以复制到本地演示

本作品采用知识共享署名 4.0 国际许可协议进行许可

文章评论

天涯凯旅

好像很厉害的样子

2017/08/28

回复

琵琶曲里的思念

很好！

2017/08/29

回复

爱很美

走过路过，千万别错过，有钱的捧个钱场，没钱得捧个人场！

2017/08/29

回复