`

jquery 获取Input 值

    博客分类：
  • JS
 
阅读更多
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml>
  4. <htmlxmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <title>JQuery获取文本框的值</title>
  8. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  9. <scriptsrc="jquery-1.5.1.min.js"type="text/javascript"></script>
  11. <scripttype="text/javascript">
  12. //使用id的方式获取
  13. $(document).ready(function(){
  14. //1
  15. $("#button_text1").click(function(){
  16. varresult1=$("#input_text1").val();
  17. alert("result1="+result1);
  18. });
  19. //2
  20. $("#button_text2").click(function(){
  21. varresult2=$("input[id='input_text2']").val();
  22. alert("result2="+result2);
  23. });
  24. //3
  25. $("#button_text3").click(function(){
  26. varresult3=$("input[id='input_text3']").attr("value");
  27. alert("result3="+result3);
  28. });
  29. //4.可以通过type的值来获取input中的值（未演示）
  30. /*
  31. $("#button_text4").click(function(){
  32. varresult4=$("input[type='text']").val();
  33. alert("result4="+result4);
  34. });
  35. */
  36. //5.可以通过name的值来获取input中的值（未演示）
  37. /*
  38. $("#button_text5").click(function(){
  39. varresult5=$("input[name='text']").val();
  40. alert("result5="+result5);
  41. });
  42. */
  43. });
  44. </script>
  45. </head>
  47. <body>
  48. <!--获取文本框的值：方式一-->
  49. <divid="test1">
  50. <inputid="input_text1"type="text"value="test1"style="width:100px;"/>
  51. <buttonid="button_text1">test1</button>
  52. </div>
  53. <!--获取文本框的值：方式二-->
  54. <divid="test2">
  55. <inputid="input_text2"type="text"value="test2"style="width:100px;"/>
  56. <buttonid="button_text2">test2</button>
  57. </div>
  58. <!--获取文本框的值：方式三-->
  59. <divid="test3">
  60. <inputid="input_text3"type="text"value="test3"style="width:100px;"/>
  61. <buttonid="button_text3">test3</button>
  62. </div>
  63. </body>
分享到：
| dmg转iso
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery 获取input 值

    Jquery 获取input 值

    jquery获取form表单input元素值的简单实例

    下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    jquery获取input表单值的代码

    jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    JQuery获取input控件值.docx

    JQUERY获取text,areatext,radio,checkbox,select值

    jquery获取input输入框中的值

    如何用javascript获取...一、jquery获取input文本框中的值 通过 name var name = $('input[name="CN_NAME"]').val(); 通过 id var name = $('#CN_NAME').val(); 通过 class var name = $('.CN_NAME').val(); 二、jav

    js与jquery获取input输入框中的值实例讲解.docx

    js与jquery获取input输入框中的值实例讲解.docx

    jQuery date_input日期选择器

    jQuery date_input日期选择器 发一JQUERY插件jQuery date_input,是日期选择器..... 这个选择器是我已经修改过的,官方下载的选择界面是英文的,然后我把它又汉化了一下..根据中国国情,又修改了日期格式!! 效果图演示...

    jQuery获取多种input值的简单实现方法

    获取input的checked值是否为true： 第一种： if($(“input[name=item][value=’val’]”).attr(‘checked’)==true) //判断是否已经打勾 –注：name即控件name属性,value即控件value属性 第二种： 可以不指定属性值...

    jQuery获取table下某一行某一列的值实现代码

    主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下

    jQuery获取及设置表单input各种类型值的方法小结

    主要介绍了jQuery获取及设置表单input各种类型值的方法,总结分析了jQuery针对表单元素的各种常见操作技巧,非常简单实用,需要的朋友可以参考下

    js与jquery获取input输入框中的值实例讲解

    如何用javascript获取input...一、jquery获取input文本框中的值 通过 name： $('input[name="username"]').val() 通过 id： $('#user').val() 通过 class： $('.uusr').val() 二、javascript获取input输入框中的

    js与jquery实时监听输入框值的oninput与onpropertychange方法

    主要介绍了js与jquery实时监听输入框值的oninput与onpropertychange方法,实例分析了oninput与onpropertychange实现下拉框里自动匹配关键字实时监听文本框value值变化的功能,需要的朋友可以参考下

    jQuery操作input值的各种方法总结

    获取选中的值获取一组radio被选中项的值 代码如下:var item = $(‘input[@name=items][@checked]’).val();获取select被选中项的文本 代码如下:var item = $(“select[@name=items] option[@selected]”).text();...

    Jquery-Ajax各种获取方式

    input id="getJsData" type="button" value="获取js值"/&gt; &lt;input id="getMessage" type="button" value="获取单个值"/&gt; &lt;input id="getUserInfo" type="button" value="获取UserInfo对象"/&gt; &...

    jquery获取input type=text中的值的各种方式(总结)

    下面小编就为大家带来一篇jquery获取input type=text中的值的各种方式(总结)。小编觉的挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    jquery获取各类值

    jquery所有的input取值方式，其中包含了html常见的各种标签的取值赋值方式，希望给大家带来用处。

    jquery获取元素值的方法(常见的表单元素)

    jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jquery attr方法获取input的checked属性问题

    问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，...

Magicbox
Global site tag (gtag.js) - Google Analytics