jquery获取所有input的值

想要利用jquery脚本获取页面中所有input的值，只需要获取到所有的input元素的集合，然后再循环输出处理即可。

jquery获取所有的input的值

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="text" name="name" value="mochu">
<input type="text" name="sex" value="18">
<input type="text" name="color" value="yellow">
<script>
//使用jQuery选择器获取所有input 元素
var inputs = $('input'); 
var values = [];
//遍历input元素，将值添加到数组中
inputs.each(function(index, element) {
    values.push($(element).val()); //使用jQuery的val()方法获取值并添加到数组中
});
console.log(values); //打印数组中的值
</script>

代码详解：

1、使用js的选择器，选择页面中的所有input元素

2、编辑所有的input元素，将获取到input中的值放入到数组中

3、直接打印数组即可。

例2：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="text" name="name" value="mochu">
<input type="text" name="sex" value="18">
<input type="text" name="color" value="yellow">
<script>
//使用jQuery选择器获取所有input 元素
var inputs = $('input'); 
var values = [];
//遍历input元素，将值添加到数组中
inputs.each(function(index, element) {
    values[$(element).attr('name')] = $(element).val();
});
console.log(values); //打印数组中的值
</script>

上面的示例代码将获取到页面中所有input的name值以val值，并将它们放入到数组中。