如<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()打印方法打印出来。