<!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"中的值的各种方式的更多相关文章

  1. zepto区别于jquery获取select表单选中的值

    在jquery下,我们获取select表单选中的值通常是通过$('select').val()来实现,这样的方式简单又明了,或者通过$('select option[selected]').text( ...

  2. HTML：<input type="text">文本框不可编辑的方式

    1.<input type="text" name="name" value="姓名" disabled /> 该方式显示的文本 ...

  3. jquery 获取 input type radio checked的元素

    .find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name=' ...

  4. jQuery获取input复选框的值

    var ipResolveValue =[]; //定义一个空数组$("input[name='ipResolve']:checked").each(function(){   / ...

  5. 如何让<input type="text" />中的文字居中

    高(height)和行高(line-height)相等.不能用vertical-align

  6. jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML <input type="tex ...

  7. js与jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...

  8. <input type="text"/>未输入时属性value的默认值--js学习之路

    在百度ife刷题是自己的一个错误引发了我对<input type="text"/>的学习. 先贴代码: <!DOCTYPE html> <html&g ...

  9. Jquery获取input=text 的值

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

随机推荐

  1. 解决Fileupload 在IE 10 中需要双击的问题

    方法来自于:https://code.google.com/p/primefaces/issues/detail?id=5355 the oncomplete event is working for ...

  2. python 豆瓣图片的爬取

    豆瓣图片的抓取:在python中实现生产者和消费者模型的实现,大家可以参考这篇文章 http://www.bkjia.com/Pythonjc/978391.html 个人认为是讲的比较易懂的,只要看 ...

  3. jQuery复习：第四章

    一.jQuery中的事件 1.加载DOM $(document).ready()和window.onload方法具有类似功能,但是执行时机不同.window.onload方法是在网页中所有的元素都加载 ...

  4. C#数组和元组

    声明数组 int[] myArray; 初始化数组 myArray = new int[4]; 数组是引用类型当初始化完毕后,将在托管堆上分配内存空间,其结构图如下

  5. JSP+Servlet实现上传下载

    0.项目结构 1.在WebRoot下创建index.jsp页面 <%@ page language="java" import="java.util.*" ...

  6. Memcached 集群的高可用（HA）架构

    Memcache自身并没有实现集群功能,如果想用Memcahce实现集群需要借助第三方软件或者自己设计编程实现,这里将采用memagent代理实现,memagent又名magent,大家注意下,不要将 ...

  7. kettle连接Hive中数据导入导出（6）

    1.hive往外写数据 http://wiki.pentaho.com/display/BAD/Extracting+Data+from+Hive+to+Load+an+RDBMS 连接hive

  8. LeetCode OJ 154. Find Minimum in Rotated Sorted Array II

    Follow up for "Find Minimum in Rotated Sorted Array":What if duplicates are allowed? Would ...

  9. digitalocean开通德国法兰克福机房，40Gb带宽，支持IPv6

    2015年4月15日,vps服务商digitalocean宣布正式开通德国法兰克福机房.5个月前digitalocean宣布筹备Germany机房中心,经过近1个月部署,总算与用户见面了.Frankf ...

  10. SqlServer 汉字转换拼音首字母函数

    CREATE function [dbo].[Func_GetPY](@str nvarchar(4000))returns nvarchar(4000)asbegin set @str=RTRIM( ...