<!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. js实例--js滚动条缓慢滚动到顶部

    收集篇(已测)-- <html><head> <script type="text/javascript"> var currentPositi ...

  2. HDU2124 Repair the Wall（贪心）

    Problem Description Long time ago , Kitty lived in a small village. The air was fresh and the scener ...

  3. 关于ActionScript在Java调用上的一些原理

    在公司遇到了ActionScript调用Java的需求,所以大概了解了一下: 一般基本是分成了三块,本身flash的项目,ActionScript的库,Java的库 通信方式一般有两种: 一.Acti ...

  4. 【Sort】QuickSort

    快速排序,平均运行时间O(N log N),最坏运行时间O(N^2). 我觉得先看Python版的快排算法(http://www.cnblogs.com/fcyworld/p/6160558.html ...

  5. Django中的权限系统

    Django中已经为我们设置好了基本的权限系统,在定义好model同步数据库后,在每个库下面都会有一张 'auth_permission' 表.该表里面记录了每条权限的描述(name字段,can do ...

  6. [ An Ac a Day ^_^ ] HihoCoder 1249 Xiongnu's Land 线性扫描

    拿到了icpc北京站的参赛名额 感谢亮哥~ 虽然是地狱之战 但也要全力以赴! 题意: 有一片沙漠 n片绿洲 让你用一条线分成两部分 左≥右 而且分割线要尽量靠右 问线的位置 思路: 网上说可以二分 没 ...

  7. 使用SpringMVC时，配置DispatcherServlet注意的url-pattern的问题

    url-pattern配置时注意: <!--springMVC配置--><servlet> <servlet-name>springMVC</servlet- ...

  8. Win7的64位系统如何搭建安卓Android开发环境

    在搭建安卓Android开发环境,那么现在比较主流的Win7的64位操作系统如何搭建呢?其实很简单,不需要设置任何环境变量,只需要下载两个程序包(ADT和JDK),下载的时候注意选择相应的64位程序包 ...

  9. maven混淆Java代码

    Maven 环境下使用 proguard-maven-plugin 插件混淆你的源码 时间 2014-08-20 15:23:56 肖国颖的个人页面 原文  http://my.oschina.net ...

  10. sql or 与and同时有时要注意

    如果是一天sql语句中有or和and同时在 正确:where xxx=xx and (xxx=xx or xxx=xx) 错误:where xxx=xx and xxx=xx or xxx=xx (这 ...