I'M Z

  • 首页
  • web开发
  • 互联网
  • 技术分享
  • 网站运营
  • 交互设计
  • 资源分享
    • 工具
    • 欣赏
    • 素材
  • 生活杂语
Welcome
记录一些点点滴滴
  1. 首页
  2. web开发
  3. javascript
  4. 正文

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

2013/07/24 7039点热度 0人点赞 0条评论

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

  1. <html>  
  2. <head>  
  3. <script language="javascript">  
  4. function check(){  
  5. var bm_num=0;  
  6. var names =document.getElementsByName("plan_bm_num[]");  
  7. for(i=0;i<names.length;i++){  
  8. bm_num+=names[i].value;   
  9. document.getElementById('plan_total_renshu').value=bm_num;    
  10. }  
  11. }  
  12. </script>  
  13. </head>  
  14. <body>  
  15. <form name="form1" method="post" action="" >  
  16.   <p>  
  17.     <input type="text" name="plan_bm_num[]" id="plan_bm_num[]" value="1">  
  18.     ,  
  19. <input type="text" name="plan_bm_num[]"  id="plan_bm_num[]"  value="2">,  
  20. <input type="text" name="plan_bm_num[]"  id="plan_bm_num[]" value="3">,  
  21. <input type="text" name="plan_bm_num[]"  id="plan_bm_num[]" value="4">  
  22. </p>  
  23.   <p>  
  24.     <label for="plan_total_renshu"></label>  
  25.     <input type="text" name="plan_total_renshu" id="plan_total_renshu">  
  26.   </p>  
  27.   <p>  
  28.     <input type="button" name="button" id="button" value="按钮" onClick="check();">  
  29.   </p>  
  30. </form>  
  31. </body>  
  32. </html>

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

标签: html js web开发
最后更新:2013/07/24

zhaoan

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

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

搜索
分类
  • asp / 2篇
  • css / 27篇
  • html / 9篇
  • javascript / 15篇
  • php / 6篇
  • web开发 / 8篇
  • wordpress / 7篇
  • 互联网 / 16篇
  • 交互设计 / 30篇
  • 其他 / 3篇
  • 工具 / 3篇
  • 欣赏 / 11篇
  • 生活杂语 / 6篇
  • 用户体验 / 1篇
  • 素材 / 3篇
  • 网站建设 / 3篇
  • 网站推广 / 4篇
  • 网站运营 / 5篇
  • 网络技术 / 1篇
最新 热点 随机
最新 热点 随机
宝塔的FTP存储空间,API资料校验失败,请核实! 移动端APP下拉刷新与轮播图冲突的解决方法 头条号怎么运营?怎么涨粉? 转载:移动前端开发之viewport的深入理解 判断来访是搜索引擎蜘蛛还是普通用户,蜘蛛正常抓取,用户跳转指定页面 为什么我们需要构图?构图有哪些原则?
设计师应该懂得分辨率知识DPI和PPI [译]网页设计可用性指导-如何成功地使用图片 分享20套精致的web建站图标 50个常用jQuery代码 一些经典的管理学 判断来访是搜索引擎蜘蛛还是普通用户,蜘蛛正常抓取,用户跳转指定页面

COPYRIGHT © 2022 zhaoan.org. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

陕ICP备09022954号