jQuery,根据name获取多个input表单的值

Posted 2023-02-25

<input name="inp" type="text" value="aaa">
<input name="inp" type="text" value="bbb">
<input name="inp" type="text" value="ccc">

<a id="tijiao" href="javascript:void(0)">提交</a>

想得到的结果为：aaa,bbb,ccc 和 数组形式

1、根据name取值：

<input name="inp" type="text" value="aaa">
<input name="inp" type="text" value="bbb">
<input name="inp" type="text" value="ccc">

$("input[name='inp']").val()

2、根据name取值遍历：

<input name="inp" type="text" value="aaa">
<input name="inp" type="text" value="bbb">
<input name="inp" type="text" value="ccc">

$("input[name='inp']").each(function()alert($(this).val());)

扩展资料：

取出form中的input：

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document).ready(function()

var a=$("form input");

$.each(

a,

function(name,object)

alert(name+":"+$(object).val());

);

);

</script>

参考技术A

第一种：if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 。注：name即控件name属性,value即控件value属性

第二种：if($("[name=row_checkbox]").attr('checked')==true) 。注：name即控件name属性。

第三种：前两种方法都得加上遍历函数each，遍历所有input：$("input").each(function() 此处放入前两种方法的语句);

扩展资料：

attr：获取匹配的元素集合中的第一个元素的属性的值  或 设置每一个匹配元素的一个或多个属性。

.attr()方法只获取第一个匹配元素的属性值。要获取每个单独的元素的属性值， 我们需要依靠jQuery的 .each()或者.map()方法循环。

使用 jQuery的 .attr() 方法得到了一个元素的属性值主要有两个好处：方便：它可以直接被jQuery对象访问并且链式调用其他jQuery方法；浏览器兼容：一些属性在不同浏览器中得到不同的值。 甚至在同一个浏览器的不同版本中。 .attr() 方法减少了兼容性问题。

参考资料：

.attr-JQUERY官网

参考技术B

jQuery根据表单name获取值的方法：

根据name取值：

$("input[name='mobile']").val()

根据id取值:

$("#mobile_reg_form").html()

根据name取值遍历：

$("input[name='mobile']").each(

function()

alert($(this).val());

)

取出form中的input：

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document).ready(function()

var a=$("form input");

$.each(

a,

function(name,object)

alert(name+":"+$(object).val());

);

);

</script>

得到值（多个的情况）：

$("input[name='mobile']")[0].value

$("input[name='mobile']").get(1).value

扩展资料

jquery根据name属性查找

$("div[id]") 选择所有含有id属性的div元素 

$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 

$("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素 

$("input[name^='keleyi']") 选择所有的name属性以'keleyi'开头的input元素 

$("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素 

$("input[name*='keleyi']") 选择所有的name属性包含'keleyi'的input元素 

$("input[id][name$='keleyi']") 可以使用多个属性进行联合选择该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素

参考资料：百度百科 - jQuery

参考技术C var aaa = $("input[name='inp']:eq(0)").val();
var bbb = $("input[name='inp']:eq(1)").val();
var ccc = $("input[name='inp']:eq(2)").val();

var a = $("input[name='inp']");

alert(a[0].value);
alert(a[1].value);
alert(a[2].value);追问

我是想得到这样的2个值；
var str = "aaa,bbb,ccc";
var arr[] ; (直接是个数组)！

谢谢大神帮忙！！！

追答

因为jquery选择器 即$('') 取出来的是一个Eliment对象，并不是value里面的值，要去value这个属性或者调用val()方法才能获取到值， 所以你要弄成var str = "aaa,bbb,ccc"这样的，只能拼字符串，var str = a[0]+','+a[1]+','+a[2];

参考技术D 用js获取可以使用
var names = document.getElementsByName("username");
var i=0;
for(;i<names.length;i++)
alert(names[i].value); //这个值就是你要的