今天碰到需要同时处理多个相同表单内容的问题,怎么才能将这些表单内容同事取出来呢?挨个获取吗?这样似乎也行,但是后面执行起来会比较复杂,网上看了些这方面的处理方法,下面来看看
- <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是个数组,后面可以通过循环来将数组中的每个值取出来,上面代码是个完整的例子,可以复制到本地演示
文章评论