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

 实例如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml>

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <title>JQuery获取文本框的值</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <script src="jquery-1.5.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">
    //使用id的方式获取
    $(document).ready(function(){
      //1
      $("#button_text1").click(function(){
        var result1 = $("#input_text1").val();
        alert("result1 = " + result1);
      });
      //2
      $("#button_text2").click(function(){
        var result2 = $("input[id='input_text2']").val();
        alert("result2 = " + result2);
      });
      //3
      $("#button_text3").click(function(){
        var result3 = $("input[id='input_text3']").attr("value");
        alert("result3 = " + result3);
      });
      //4. 可以通过type的值来获取input中的值(未演示)
      /*
      $("#button_text4").click(function(){
        var result4 = $("input[type='text']").val();
        alert("result4 = " + result4);
      });
      */
      //5. 可以通过name的值来获取input中的值(未演示)
      /*
      $("#button_text5").click(function(){
        var result5 = $("input[name='text']").val();
        alert("result5 = " + result5);
      });
      */
    });
    </script>
  </head>

  <body>
    <!-- 获取文本框的值:方式一 -->
    <div id="test1">
      <input id="input_text1" type="text" value="test1" style="width: 100px;" />
      <button id="button_text1">test1</button>
    </div>
    <!-- 获取文本框的值:方式二 -->
    <div id="test2">
      <input id="input_text2" type="text" value="test2" style="width: 100px;" />
      <button id="button_text2">test2</button>
    </div>
    <!-- 获取文本框的值:方式三 -->
    <div id="test3">
      <input id="input_text3" type="text" value="test3" style="width: 100px;" />
      <button id="button_text3">test3</button>
    </div>
  </body>

</html>

以上这篇jquery获取input type=text中的值的各种方式(总结)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索text
jquery获取input
jquery获取input type、jquery获取input text、input type text、css input type text、input type text 长度,以便于您获取更多的相关知识。

时间: 2024-10-28 08:13:25

jquery获取input type=text中的值的各种方式(总结)_jquery的相关文章

javascript-在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A

问题描述 在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A 在js中 如何用Jquery 获取一个文本框中的值 文本框的ID=a 解决方案 $("#a").val()就是获取ID=A 的input的value值 解决方案二: $("#A").val() 解决方案三: js与jQuery获取文本框的值js获取文本框值JS获取文本框的值----------------------

前端常见bug系列3:&lt;input type=&quot;text&quot;&gt;中emoji表情与文字并存时表情被截掉一部分

比如,有这个一个demo页面: <head> <meta charset="UTF-8"> <meta name="format-detection" content="telephone=no, address=no, email=no, time=no"> <meta name="viewport" content="width=device-width,user-sca

如何用正则取input type=&quot;text&quot;中的value

1.如何通过正则取input type="text"中的value呢? 2.如何过滤掉input type="checkbox"的标签? 这样只能达到正则取input type="text"中的value可是不能过滤掉input type="checkbox"的标签! <textarea name=cnbruce cols=60 rows=6> <input type="checkbox"

jquery获取复选框checkbox的值的简单实现方法_jquery

jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值

jQuery获取file控件中图片的宽高与大小_jquery

问题 如何判断input file表单里上传的图片的宽高和大小呢? 解决方案 这个时候图片还没真正上传,也不是在页面上展示,不能使用$("#id").width(),$("#id").height()这种方式. 在Stack Overflow找到一个方法获取input file图片文件的宽高: var _URL = window.URL || window.webkitURL; $("#file").change(function (e) { v

asp.net jQuery创建行列时无法获取input[type=text]的值

问题描述 我是使用jQuery方式创建的trtd,td中是一个文本框我所用的都是html标签,在创建文本框之后,输入值,点击保存的时候拿不到文本框的值,怎么回事?我查看元素,input的value里面也没有值,但是页面上文本框里面是有值的,请问怎么拿到输入的值 解决方案 解决方案二:input本来就是在元素里看不到Value的啊,确认你的selector对了没取值就是$(selector).val()解决方案三:问题已经找到了,是因为加了runat="server"的原因解决方案四:那

form 表单中的input type=text 是不是一定会被加在请求中

问题描述 现在有这么一个想法 ,是通过一个checkbox来控制 同一排的 input type=text 是否加到请求中, 由于是checkbox只有在选中的时候才会被加到请求中,而input 如何不让它加到请求中了,这样方便后面数据的处理. 解决方案 看你是要同步还是异步操作了如果是异步操作,使用ajaxfunction ajax_post(){ $.post("action",{param:paramValue}, //自己拼接参数,如果有就加上 function(data){

jquery对所有input type=text的控件赋值实现方法_jquery

如下所示: function resetData() { $("input[type=text]").each( function() { $(this).attr("value",""); } ); } 以上这篇jquery对所有input type=text的控件赋值实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继

html中,table标签的input的text的返回值是什么

问题描述 html中,table标签的input的text的返回值是什么 我自己写了个servlet,用这个返回值做条件,发现如果text没有内容,返回的不是null,用system out println 打出来是空白,这个返回值到底是什么 解决方案 http://www.w3school.com.cn/tags/tag_input.asp