Question

用jquery怎样获取input标签中name值

首先谢谢你的回答！
我想取name的值，即就是把"test”取到。我是借用别人的，他把很多代码都封装了的，我现在只想要取得name的值！不知道这样可以不？

Answer 1

语句函数：val()；

假设一个input代码：

JS代码如下：

运行结果：

扩展资料：

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

使用函数设置 Value 属性的值:

$(selector).val(function(index,oldvalue))

规定返回要设置的值的函数：

index - 可选。接受选择器的 index 位置。

oldvalue - 可选。接受选择器的当前 Value 属性。

参考资料：jquery--val()

Answer 2

name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值

$("input:text").attr("name");
$("input:text").prop("name");  // 也可以使用prop()方法获取属性

示例代码如下

1. 创建Html元素

   <div class="box">
   	<span>点击按钮获取文本框的name属性值：</span><br>
   	<div class="content">
   		<input type="text" name="test" value="这个文本框的name属性值为test">
   	</div>		
   	<input type="button" class="btn" value="获取文本框name值">
   </div>

2. 设置css样式

   div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
   div.box>span{color:#999;font-style:italic;}
   div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
   input[type='text']{width:200px;height:30px;border:none;}
   input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

3. 编写jquery代码

   $(function(){
   	$("input:button").click(function() {
   		alert($("input:text").attr("name"));
   	});
   })

4. 观察效果

   

Answer 3

你是想问根据name的值获取input中的数据吗？<input name="test" type="text">
$("input['name=test']").val(); 就可以了

Answer 4

<input id="i1" name="test" />

<script>
alert($('#i1').attr('name')); //output: test
</script>