[前台]---js获取input标签中name相同的各个value值

最新推荐文章于 2025-09-30 08:44:25 发布

原创最新推荐文章于 2025-09-30 08:44:25 发布 · 2.6w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#js #input #name #遍历 #获取

后端开发看前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种在JavaScript中获取带有相同名称的多个input元素值的方法，并通过实例演示了如何使用jQuery遍历并打印这些值。

在页面form表单中,经常会有相同name的多个input标签,在提交表单前需要对这些input的value值做校验,就要在js中拿到这些值,下面这个方法,亲测是最实在的:

 页面:
 <input type="hidden" name="myname" value="aa"/>
 <input type="hidden" name="myname" value="bb"/>
 <input type="hidden" name="myname" value="cc"/>
 <input type="hidden" name="myname" value="dd"/>

js拿到这些aa,bb,cc,dd:
$("input[name='myname']").each(function(j,item){
    console.log("下标:"+j);
    console.log("value值:"+item.value);
  });

控制台打印:
下标:0
value值:aa
下标:1
value值:bb
下标:2
value值:cc
下标:3
value值:dd