用jquery怎样获得input 的name为name的值
展开全部
name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
1
2
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
1
2
3
4
5
6
7
<div class="box">
<span>点击按钮获取文本框的name属性值:</span>
<div class="content">
<input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>
设置css样式
1
2
3
4
5
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;}
编写jquery代码
1
2
3
4
5
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"));
});
})
1
2
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
1
2
3
4
5
6
7
<div class="box">
<span>点击按钮获取文本框的name属性值:</span>
<div class="content">
<input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>
设置css样式
1
2
3
4
5
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;}
编写jquery代码
1
2
3
4
5
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"));
});
})
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询