<!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. 弹性布局EM的计算方法

    文章来源: http://www.w3cplus.com/css/px-to-em 总结: 1.浏览器默认的字体大小为16PX,即1em 2.EM可以指定小数点的后三位 3.元素自身没有设置字体大小, ...

  2. MaskEdit组件的EditText属性和Text属性

    MaskEdit组件主要是EditMask属性 是string属性. 掩码字符串EditMask属性分为3个部分,分别用分号隔开,形式是“XXXXX;X;X” 第一部分是掩码字符串的主要部分,它确定输 ...

  3. OMCS开发手册（02） －－ 多媒体连接器

    OMCS开发手册(01) -- 多媒体设备管理器 一文,我们从Owner的角度详细描述了多媒体设备管理器的使用,本文我们将站在Guest的角度,描述OMCS中另一类组件/控件:多媒体连接器.多媒体连接 ...

  4. Excel教程(11) - 查找和引用函数

    ADDRESS 用途:以文字形式返回对工作簿中某一单元格的引用.    语法: sheADDRESS(row_num,column_num,abs_num,a1,et_text) 参数:Row_num ...

  5. TortoiseGit - 分支管理 -增加分支

    1.本地当前在master分支,右击选择Create Branch... 2.填写Branch的名称 3.右击选择Push,在Ref-Local,选择刚才新建的Branch名称 4.点击OK后,在弹出 ...

  6. A - Bi-shoe and Phi-shoe (欧拉函数打表)

    Description Bamboo Pole-vault is a massively popular sport in Xzhiland. And Master Phi-shoe is a ver ...

  7. Android应用测试性能的工具Emmagee，导出文件格式问题分析

    原文引用自:http://www.open-open.com/lib/view/open1367026451078.html Emmagee是监控指定被测应用在使用过程中占用机器的CPU.内存.流量资 ...

  8. 【Loadrunner】初学Loadrunner——安装

    一.准备工作 1.下载Loadrunner可以参考网上百度得到的可以在下面这个地址下载,比较大,4G左右 http://www.genilogix.com/downloads/loadrunner/l ...

  9. Android Lights

    Android Lights 很多Android手机上都配有LED灯,手机在充电.新来短信等时候都会有相应的指示灯提示. Android系统之中,一共定义了8个逻辑灯,包含:背光,键盘灯,按键灯,充电 ...

  10. (转载)CSS中zoom:1的作用

    CSS中zoom:1的作用兼容IE6.IE7.IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题. ...