<!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. Paint Pearls

    Paint Pearls 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5009 dp+双向链表优化 看到题目,很自然地可以定义状态:dp[i]表示涂好 ...

  2. JQery之Ajax

    $.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age: ...

  3. mongodb集群+分片部署(二)

    机器:10.165.38.68    10.165.38.72 部署包:mongodb-linux-x86_64-rhel55-3.0.2.tgz(百度云盘下载地址:http://pan.baidu. ...

  4. C#获取网页内容 (WebClient、WebBrowser和HttpWebRequest/HttpWebResponse)

    获取网页数据有很多种方式.在这里主要讲述通过WebClient.WebBrowser和HttpWebRequest/HttpWebResponse三种方式获取网页内容. 这里获取的是包括网页的所有信息 ...

  5. win2008服务器，fastCGI完美设置教程

    在WIN2008的IIS7上使用FASTCGI调用PHP-CGI.EXE,默认只有4个进程,这样对于大流量的网站为说,进程数不足带来的进程排队现象十分严重,解决方案如下.32位系统 http://ww ...

  6. Dokan[转]

    原文地址:http://www.cnblogs.com/xxonehjh/p/3634889.html 因工作需要,最近与同事合作使用Dokan开发了一个虚拟磁盘的简单程序,初步实现了远程目录映射到本 ...

  7. java 操作redis

    使用Java操作Redis需要jedis-2.1.0.jar,如果需要使用Redis连接池的话,还需commons-pool-1.5.4.jar package com.test; import ja ...

  8. H5 - 在线编辑制作

    [百度H5商店]http://h5.baidu.com/store [木疙瘩在在线制作]http://www.mugeda.com/ [百度在线制作工具]http://h5.baidu.com/ [易 ...

  9. 5.Hibernate实现全套增删改查和ajax异步分页

    1.1 创建如下oracle数据库脚本 drop sequence seq_stu; create sequence SEQ_STU minvalue maxvalue start increment ...

  10. HDU 4520 小Q系列故事――最佳裁判(STL)

    小Q系列故事——最佳裁判 Problem Description 过去的2012年对小Q来说是很悲催的一年,失恋了12次,每次都要郁闷1个来月. 好在小Q是个体育迷,在最痛苦的时候,他常常用观看各种体 ...