jquery如何获取所有input框

jquery如何获取所有input框

先搭个最基础的演示页面。新建一个 test.html 文件，所有操作都从这儿开始。

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

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

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

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

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

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