<!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=text 的值的更多相关文章

  1. JQuery获取input type="text"中的值的各种方式

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

  2. 如何用jquery获取input输入框中的值？

    如何用jquery获取<input id="test" name="test" type="text"/>中输入的值? $(&q ...

  3. jquery获取input值的各种情况

    jQuery获取多种input值的方法 获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").at ...

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

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

  5. jquery 获取下拉框值与select text

    下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后 ...

  6. jquery 获取input radio/checkbox 的值 【注意写法】

    今天,在用jquery获取页面上radio值的时候,radio给出了默认值,但是无论如何修改值,radio始终是默认值,去掉默认值的时候,页面上又报出了undefined的错误.经过几番搜索,发现不同 ...

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

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

  8. js/jquery获取文本框的值与改变文本框的值

    我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtb ...

  9. python 全栈开发，Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)

    昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架 在前端中,一个js文件就是一个模块 一.用法: 1.引入包 2.入 ...

随机推荐

  1. mongoDB2--mongoDB的下载和安装。

    mongdb安装(1)安装准备我们在Linux环境下来安装mongodb,如果没有Linux操作系统的童鞋,可以使用Vmware虚拟机安装一个Linux虚拟环境来学习.这里就不再赘述.我们到mongo ...

  2. POJ 3737/三分

    题目链接[http://poj.org/problem?id=3737] 题意:给出一个圆锥的表面积,求最大的体积,并输出最大体积的时候的圆锥的高度和底面积. 方法一: 根据定理:圆锥的表面积一定的时 ...

  3. 《JavaScript高级程序设计》读书笔记 ---语句

    do-while语句do-while 语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件.换句话说,在对条件表达式求值之前,循环体内的代码至少会被执行一次.以下是do-whil ...

  4. A. Night at the Museum Round#376 (Div. 2)

    A. Night at the Museum time limit per test 1 second memory limit per test 256 megabytes input standa ...

  5. OBIEE 简介

    Oracle BIEE历史: BIEE:全称Oracle Business Intelligence Enterprise Edition. Oracle公司在05年底收购Siebel,取其前端开发工 ...

  6. JavaScript在智能手机上的应用-通过滑动修改网页字体大小

    ---------------------------------- <script type="text/javascript">            //变量x, ...

  7. jQuery第一章

    一.jQuery的优势 1.轻量级:压缩之后大小只有30KB左右. 2.强大的选择器:jQuery允许CSS1到CSS3几乎所有的选择器以及自身独创的选择器. 3.出色的DOM操作的封装:jQuery ...

  8. hdu_5761_Rower Bo(xjb猜公式)

    题目链接:hdu_5761_Rower Bo 题意: 让你求一个物理问题 题解: xjb猜公式,由题目样例可得,答案为8/7,然后我们可以xjb猜出公式为v1*a/(v1*v1-v2*v2),然后特判 ...

  9. chrome 常用快捷操作

    Chrome窗口和标签页快捷键: Ctrl+N 打开新窗口 Ctrl+T 打开新标签页 Ctrl+Shift+N 在隐身模式下打开新窗口 Ctrl+O,然后选择文件,在谷歌浏览器中打开计算机上的文件 ...

  10. mysql开启/关闭 update delete 安全模式

    在使用mysql执行update的时候,如果不是用主键当where语句,会报如下错误,使用主键用于where语句中正常. 异常内容:Error Code: 1175. You are using sa ...