怎样用jquery得到文本框的值
用jquery怎么得值 展开
当已知文本框的id属性时，<input type="text" id="userName">
方法一：var userName = $("#userName").attr("value");
方法二：var userName=$("userName").value();
<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是
<input type="text" id="one" value="5" />
$("#one").val();
拓展资料
作用是快速获取文档元素，jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。
提供漂亮的页面动态效果，jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。
1、引用jQuery核心文件
<script src="源文件路径"></script>
2、找到文本框元素
var obj=$("#文本框的id");3、输出文本框的值
alert(obj.val());// val()是jQuery获取元素值得一个函数
首先编写一个HTML，代码如下：
[plain] view plain copy
<form id="form1">
<table border="0">
<tr>
<td>
姓名：
</td>
<td>
<input id="name" name="name" type="text" />
</td>
</tr>
</table>
</form>
方法
// 方法一
var name = document.getElementById("name").value;
alert(name);
// 方法二
name = form1.name.value;
alert(name);
// 方法三 jquery
name = $("#name").val();
alert(name);
// 方法四 jquery
name = $("input[id='name']").val();
// 方法五 jquery
name = $("#name").attr("value");
alert(name);
// 方法六 jquery
name = $("input[id='name']").attr("value");
alert(name);
<html>
<head>
<script language="javascript">
function print(){
var a=myform.name.value;
alert(a);
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
</body>
</html>
这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。
实现方法：
<input type="text" id="test" name="test" value="5" />
<script>
$(function(){
alert($("#test").val())//弹出文本框值
})
</script>
jq获取文本框值:
1、使用id来获取
$("#test").val();
2、使用name属性获取：
$("input[name='test']").val()
测试：
