如<inputtype="text"name="one"value="5"/>用jquery怎么得值...
如 <input type="text" name="one" value="5"/>
用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的内置的效果,比如淡入淡出、元素移除等动态特效。
首先编写一个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()打印方法打印出来。