jQuery如何获取多个input输入框的值,并存放在一个数组中?

 我来答
wtpgjngkt
推荐于2019-11-09 · TA获得超过1.8万个赞
知道小有建树答主
回答量:40
采纳率:29%
帮助的人:6736
展开全部

首先通过jq获得你想要获取的input元素的数组,通过循环将每个input元素的值获取到。将input的值添加到数组。

代码:

123456789101112131415161718192021222324252627282930

//html代码<html>    <body>        <input type="text" name="ipt" value="1"/>        <input type="text" name="ipt" value="2" />        <input type="text" name="ipt" value="3" />        <button onClick="getVal()">点击获得所有的input值</button>    </body></html>//js<script type="text/javascript" src="jquery.1.11.3.min.js" ></script><script type="text/javascript">    //1.定义函数 getVal    var getVal = function(){    //2.通过jq获得input数组        var $inputArr = $('input');//length = 3    //3.循环处理input,并定义结果集        var result = [];        $inputArr.each(function(){    //4.将每个input的值放进结果集            result.push($(this).val());        });    //5.打印结果        console.log(result);    }</script>//另外的一种写法也可以实现//var valArr = $('input').map(function(){return $(this).val()}).get();//打印获得的值的数组//console.log(valArr);

1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。

2、它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

3、jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式