Jquery获取多个相同name的文本框值

在前端实际开发过程中,常常会遇到多个文本框存在相同的“name”属性,这个时候就需要循环获取文本框所对应的值。本文就简单的介绍了Jquery如何实现获取多个name属性的文本值,希望对使用该方法的朋友有所帮助。

一、以下是H5代码以及jQuery代码

<body style="width: 100vw;margin: 0 auto;padding: 0vw;">
    <form>
        问题1<input type="text" name="question" /><br>
        问题2<input type="text" name="question" /><br>
        问题3<input type="text" name="question" /><br>
        问题4<input type="text" name="question" /><br>
        问题5<input type="text" name="question" /><br>
        问题6<input type="text" name="question" /><br>
        <input type="button" class="btn" value="提交" />
    </form>
</body>
<script>
    $('.btn').click(function () {
        let arr = [];
        $("input[name='question']").each(function () {
            arr.push($(this).val());
        });
        console.log(arr);
    });
</script>

二、输出结果效果

jquery获取多个相同name的input的value值

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐