hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery获取所有input的值

墨初 Web前端 307阅读

想要利用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值,并将它们放入到数组中。

声明:无特别说明,转载请标明本文来源!
相关推荐