jquery如何获取所有input框
作者:BlueNight
时间:2026-07-17
浏览:0
jQuery通过name属性选择器(如$("input[name='xxx']"))选中所有指定name的input框,使用each()方法遍历每个元素,调用val()获取其输入值,并依次存入数组,最后通过alert()弹出数组中的所有内容,实现批量获取输入值。
本文目录
jquery如何获取所有input框
先搭个最基础的演示页面。新建一个 test.html 文件,所有操作都从这儿开始。

在页面里放三个文本框,方便后面输入内容。注意,这里用 p 标签包裹每个 input,结构清晰就好。

给这三个 input 统一加上一个 name 属性,比如都叫 myinput。这样后面就能通过 name 直接拿到它们——这是 jQuery 选择器里最常用的套路之一。

再放一个按钮,显示文字“获取所有input框内容”。点击它,就能触发获取逻辑。

给按钮绑定一个 onclick 事件,指向 myfun() 函数。这是最基础的交互方式,不用框架也能跑。

在 script 标签里写 myfun() 函数。核心逻辑很简单:通过 name 属性选中所有 input 框,然后用 each() 方法逐个遍历,用 val() 拿到每个输入框的值,再 push 到一个数组里。最后用 alert() 一次性弹出来看看效果。

打开浏览器,往三个文本框里随便填点东西,点一下按钮——弹窗里会整齐列出所有输入内容,一个不落。

作者最新文章
blender贴图文件在哪里查找与打开教程
2026-10-11 09:08
3ds Max动画播放卡顿或渲染跳帧的解决方法
2026-10-02 17:00
联发科天玑9600 Pro首发2nm:能效与游戏渲染技术详解
2026-09-08 16:54
python代码大全:把常用代码片段整理成可维护的工具箱
2026-09-03 17:05
Excel基础操作指南:数据录入、格式设置、公式应用与打印预览
2026-09-02 12:47
上一篇:
jquery获取对象属性值的方法
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































