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

ych0108

浏览: 547647 次
性别:
来自: 杭州

最近访客更多访客>>

ssydxa219

mrcuya1

xiaomabobo

tieye

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

博客分类：

front

html jquery input value

<!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对表单元素的取值和赋值操作 | svn更换用户名密码

2014-04-08 22:09
浏览 2121
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

034-基于AT89C52的矩阵键盘扫描proteus仿真设计.rar: 51单片机

双级式储能模型，可做充放电转以及低电压故障穿越，含有负序抑制模块，可做对称故障与不对称故障: 双级式储能模型，可做充放电转以及低电压故障穿越，含有负序抑制模块，可做对称故障与不对称故障

郑州升达大学2024-2025第一学期计算机视觉课程期末试卷，: 郑州升达大学2024-2025第一学期计算机视觉课程期末试卷，原版。配套教材为《OpenCV计算机视觉基础教程》夏帮贵主编。

金工实习线上考试线切割课后试题.docx: 线切割课后试题

网络原理课程设计【校园网规划】+思科模拟器，包含pkt文件及完整实验报告，附录含有源码: 目录摘要 1 一、设计任务概述 3 1.1 设计目的 3 1.2 项目任务和要求 3 1.3 参考资料 3 二、项目开发环境 4 三、项目需求分析 5 四、项目设计和实现 5 4.1 总体设计 5 4.2 功能设计 6 4.3 系统实现 7 五、系统运行和测试 12 六、设计总结 15 七、附录 16 7.1 程序清单 16 7.2 其他需要说明的内容 23。内容来源于网络分享，如有侵权请联系我删除。另外如果没有积分的同学需要下载，请私信我。

智慧物联网系统发展战略研究: 智慧物联网系统发展战略研究

基于springboot+vue的大创管理系统2（Java毕业设计，附源码，部署教程）.zip: 该项目包含完整的前后端代码、数据库脚本和相关工具，简单部署即可运行。功能完善、界面美观、操作简单，具有很高的实际应用价值，非常适合作为Java毕业设计或Java课程设计使用。所有项目均经过严格调试，确保可运行！下载后即可快速部署和使用。 1 适用场景：毕业设计期末大作业课程设计 2 项目特点：代码完整：详细代码注释，适合新手学习和使用功能强大：涵盖常见的核心功能，满足大部分课程设计需求部署简单：有基础的人，只需按照教程操作，轻松完成本地或服务器部署高质量代码：经过严格测试，确保无错误，稳定运行 3 技术栈和工具前端：HTML + Vue.js 后端框架：Spring Boot 开发环境：IntelliJ IDEA 数据库：MySQL（建议使用 5.7 版本，更稳定）数据库可视化工具：Navicat 部署环境：Tomcat（推荐 7.x 或 8.x 版本），Maven

基于springboot+vue的网上点餐系统（Java毕业设计，附源码，部署教程）.zip: 该项目包含完整的前后端代码、数据库脚本和相关工具，简单部署即可运行。功能完善、界面美观、操作简单，具有很高的实际应用价值，非常适合作为Java毕业设计或Java课程设计使用。所有项目均经过严格调试，确保可运行！下载后即可快速部署和使用。 1 适用场景：毕业设计期末大作业课程设计 2 项目特点：代码完整：详细代码注释，适合新手学习和使用功能强大：涵盖常见的核心功能，满足大部分课程设计需求部署简单：有基础的人，只需按照教程操作，轻松完成本地或服务器部署高质量代码：经过严格测试，确保无错误，稳定运行 3 技术栈和工具前端：HTML + Vue.js 后端框架：Spring Boot 开发环境：IntelliJ IDEA 数据库：MySQL（建议使用 5.7 版本，更稳定）数据库可视化工具：Navicat 部署环境：Tomcat（推荐 7.x 或 8.x 版本），Maven

直流电机的电枢回路串电阻启动的计算: 电机与拖动技术三级项目报告，直流电动机是电机的主要类型之一，具有调速范围广、调速特性平滑、过载能力强等优点，在生产生活中具有广泛的应用。此次课程项目阐述了直流电动机的结构、应用、并着重对电枢回路串电阻分级启动进行深入研究，MATLAB仿真软件对直流电动机分级启动进行仿真。

Java Spring Boot实现基于URL + IP访问频率限制(源代码): 详细说明：https://blog.csdn.net/a342874650/article/details/144989766 在 Web 应用中，恶意用户可能会通过频繁刷新接口或进行暴力请求来攻击系统，导致服务器负载过高或服务不可用。为了应对这一问题，本文将详细介绍如何使用 Spring Boot 结合拦截器（Interceptor）和 Redis 来实现基于 URL 和 IP 的访问频率限制。具体实现包括拦截器拦截请求、Redis 存储访问记录、检测访问频率并在达到限制时禁用 IP 的完整过程。通过本文的详细实现过程和完整源代码，读者可以快速掌握如何在自己的项目中应用这一机制来增强系统的安全性和稳定性。

JavaEE核心技术：Web框架与持久层设计方案解析（主观题考试题库）: 内容概要：本文详细介绍了JavaEE核心技术，涵盖多个重要的Web框架和持久层技术，以及其应用场景和实施方案。具体内容包括：①Struts框架的特点和功能，特别是其对MVC架构的支持，以及如何应用于薪资管理系统；②MVC架构的基本概念和如何通过JSP、JavaBean及Servlet实现成绩管理系统；③Spring IoC容器的工作原理，强调其控制反转和依赖注入功能，展示了整合Struts和JPA的具体案例，如通讯管理系统Web层设计方案；④Spring MVC结构及其XML配置方法，并提出一种针对图书管理系统的Spring MVC实现思路；⑤深入探讨Spring AOP原理，介绍如何使用XML配置进行统一事务处理的应用方案；⑥分析Hibernate核心接口及设备管理系统持久层设计方案；⑦整合Hibernate和Spring IoC实现的成绩管理系统持久层设计方案。适合人群：具备一定Java基础的初、中级JavaEE开发者，对JavaWeb开发有兴趣的学习者。使用场景及目标：①帮助开发者理解JavaEE关键技术和框架的实际运用，提高项目开发技能；②指导实际项目的架构设计和技术选型；③促进团队协作，提高代码复用性和维护效率。阅读建议：建议读者根据自身经验和兴趣选择重点章节仔细研读，并结合实际情况尝试实践，逐步掌握各知识点。此外，还应该结合最新的API文档和技术论坛资料不断跟进更新。

easy-interceptor修改请求头和响应头.zip: easy-interceptor修改请求头和响应头.zip

Prime-Series-Level-1.z10: Prime_Series_Level-1.z10 别下，这个是分卷压缩，笔者用来备份的

基于springboot+vue的教师工作量管理系统（Java毕业设计，附源码，部署教程）.zip: 该项目包含完整的前后端代码、数据库脚本和相关工具，简单部署即可运行。功能完善、界面美观、操作简单，具有很高的实际应用价值，非常适合作为Java毕业设计或Java课程设计使用。所有项目均经过严格调试，确保可运行！下载后即可快速部署和使用。 1 适用场景：毕业设计期末大作业课程设计 2 项目特点：代码完整：详细代码注释，适合新手学习和使用功能强大：涵盖常见的核心功能，满足大部分课程设计需求部署简单：有基础的人，只需按照教程操作，轻松完成本地或服务器部署高质量代码：经过严格测试，确保无错误，稳定运行 3 技术栈和工具前端：HTML + Vue.js 后端框架：Spring Boot 开发环境：IntelliJ IDEA 数据库：MySQL（建议使用 5.7 版本，更稳定）数据库可视化工具：Navicat 部署环境：Tomcat（推荐 7.x 或 8.x 版本），Maven

CST0402B+跟岗实习提交资料.zip: CST0402B+跟岗实习提交资料.zip

基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）: 基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目），个人大三大设计项目、经导师指导并认可通过的高分设计项目，评审分99分，代码完整确保可以运行，小白也可以亲自搞定，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为毕业设计、课程设计、期末大作业。基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文档说明（高分项目）基于yolov5的医学影像肺结节检测项目源码+文

循环法和对数法计算利息: 本金1W利息0.0325，几年能double?

matlab机械臂关节空间轨迹规划,3-5-3分段多项式插值法，六自由度机械臂，该算法可运用到仿真建模机械臂上实时运动，可视化轨迹，有角度，速度，加速度仿真曲线也可以有单独角度，速度，加速度仿真曲: matlab机械臂关节空间轨迹规划,3-5-3分段多项式插值法，六自由度机械臂，该算法可运用到仿真建模机械臂上实时运动，可视化轨迹，有角度，速度，加速度仿真曲线。也可以有单独角度，速度，加速度仿真曲线。可自行更程序中机械臂与点的参数。谢谢大家 (程序中均为弧度制参数)353混合多项式插值

2011-2023年各省金融监管水平数据（含原始数据+计算过程+计算结果）: 2011-2023年各省金融监管水平数据（含原始数据+计算过程+计算结果） 1、时间：2011-2023年 2、来源：国家统计J、统计NJ 3、指标：金融业增加值、金融监管支出、金融监管水平 4、计算方法：金融监管水平=金融监管支出/金融业增加值

简易手写汉字表.pdf: 本表名称为简易手写识字表，收录了21000多个汉字，每个汉字后面附上了简易手写笔画和输入编码。独体字是一个主笔画和一个字母编码，双码字是两个主笔画组合和两个字母编码，多码字是两个主笔画组合和三个字母编码。可用于识字、简易手写和大键盘汉字输入等参考。

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

jquery方法扩展使用

jquery操作select值，jqery设置select值

jquery ajax相关操作

jquery ajax和data的使用

Js中parseFloat()精度问题

jquery attr()属性

CSS中line-height与height的区别

freemarker为空判断详细

FreeMarker中if标签内的判断条件

FreeMarker 对null值的处理

freemarker ?datetime ? time ?date

div设置显示与隐藏、边框等

div设置显示与隐藏、边框等

用jquery计算前两个文本框的结果等于第三个文本框

jQuery.validate使用手册-详解

jQuery对表单元素的取值和赋值操作

freemarker list (长度,遍历,下标,嵌套,排序)

Extjs Config和Mixins

js回调函数

extjs4.0 Ext.Array 函数方法详解

最近访客更多访客>>