<!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. count 数字计数（bzoj 1833）

    Description 给定两个正整数a和b,求在[a,b]中的所有整数中,每个数码(digit)各出现了多少次. Input 输入文件中仅包含一行两个整数a.b,含义如上所述. Output 输出文 ...

  2. oracle 索引 。其中全文检索最变态

    全文检索 位图索引 B 全文检索很少使用,如果产品上使用 大家可以用Lcunce这些应用如果非要在数据库做这个采用就把用一个全文检索索引 检索索引 不会像其他的索引创建一个对象他会创建十个相关的对象. ...

  3. 2、FileOutputStream--->文件输出流(向文件写入数据)

    Api介绍 定义 FileOutputStream 用于写入诸如图像数据之类的原始字节的流.要写入字符流,请考虑使用 FileWriter. 构造方法 FileOutputStream(File fi ...

  4. html历史

    方法一: location.hash = 'abc' window.onhashchange = function(){} location.hash  返回结果 #abc  => locati ...

  5. 浅析const标识符在C++函数的功能

    范例: class matrix { public: matrix(){}; const double getvalue(const unsigned row, const unsigned colu ...

  6. 自己写的POIUtil，主要解决从不同的HSSFWorkbook复制sheet以及根据单元格插入图片等

    复制sheet的原始代码网上找的,但是小问题很多,然后自己动手改了一下: 根据单元格信息动态插入图片,如果单元格有文字,图片的位置会在文字之后,如果同样的位置已有图片则会往下插入. import or ...

  7. 转载：Ubuntu下deb包的安装方法

    转载:Ubuntu下deb包的安装方法,http://blog.csdn.net/kevinhg/article/details/5934462 deb是debian linus的安装格式,跟red ...

  8. 工作中遇到的http返回码

    普通常见的200.404.500,工作中遇到的还有206 .302 .304.400.403. 206----服务器返回部分数据 302----请求跳转 304----not modify 服务器内容 ...

  9. Core Animation中的关键帧动画

    键帧动画就是在动画控制过程中开发者指定主要的动画状态,至于各个状态间动画如何进行则由系统自动运算补充(每两个关键帧之间系统形成的动画称为“补间动画”),这种动画的好处就是开发者不用逐个控制每个动画帧, ...

  10. GitHub上有很多不错的iOS开源项目

    GitHub上有很多不错的iOS开源项目,个人认为不错的,有这么几个:1. ReactiveCocoa:ReactiveCocoa/ReactiveCocoa · GitHub:GitHub自家的函数 ...