jquery 获取Input 值
- <!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>
jquery 获取Input 值相关推荐
- jquery获取input值
今天一直很纠结,用jquery获取inout输入的值,一直都是undifined,因为好久没用了,就查api ,查资料,纠结了好久才找出原因. 贴下我的错误代码 function checkUserN ...
- html取 输入框中的值,jquery获取input输入框中的值
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...
- 如何通过js获取html文本框中的值,js与jquery获取input输入框中的值实例讲解
如何用javascript获取input输入框中的值,js/jq通过name.id.class获取input输入框中的value 先准备一段 HTML 一.jquery获取input文本框中的值 通过 ...
- 使用JS获取input值
获取input值,设置input值 可以使用 $(".class") $("#id") $("input[name='name']") re ...
- 微信小程序之动态添加、删除指定view和获取input值
遇到的问题: 动态的添加指定的view内容..嗯..很简单..wx:for就搞定!! 动态添加的内容中有input,最终获取值的时候,要获取到所有input的值并且是一个数组. 动态删除指定的已经添加 ...
- js原生、jquery获取input为text的输入框(单个/多个) 并清空value(bootstrap 输入框)
一.用bootstrap框架写了一个简单的表单,html结构和效果图如下: <form> <div class="form-row mb-2"><d ...
- kindeditor获取html,jquery获取kindEditor值
KE.show({ id: 'txtMessage', imageUploadJson: '/ajax/Manager/keupload.ashx?ptype=news', fileManagerJs ...
- 小程序-获取input值的方法
微信小程序-获取input值的方法 1. bindinput wxml <input name="text_name" type='text' bindinput='getV ...
- JS/jQuery获取input的值和清空input的value值
一.获取input的值 1.通过普通选择器获取 通过类选择器获取:$('.class').val() 通过id选择器获取:$(" #id").val() 2.通过标签选择器获取 $ ...
最新文章
- c++外观模式façade
- Repeater嵌套绑定
- vue传中文标点_vue项目引入第三方高德地图实现标点定位
- ECShop 前台用户中心调整左侧栏目及中心部分呈现页面
- HBase权威指南 高清中文版 PDF(来自linuxidc)
- 年近而立,Java何去何从?
- mysql怎么查询两页数据_mysql分页查询踩坑报告
- ps无法加载扩展未经正确签署解决方法
- 自己为 GridView 写分页 如: [首页][上一页][下一页][末页]
- Centos7 设置环境变量
- pos机显示服务器异常,POS机刷卡出现异常不要慌!一定要按步骤处理问题!
- HTML+CSS期末网页课设——游戏宣传网页(全部源码)
- 计算机网络安全基础知识复习
- C语言实现系统日历查询系统
- unsw计算机科学的挂科率,2020年新南威尔士大学研究生挂科率
- (微信小程序)页面导航
- 2019「友盟杯」数据分析大赛结果公布
- ceph(ceph是什么意思)
- python 互质数_程序要计算最少数量的操作以使数字在Python中不是互质数?
- 单片机c语言中枚举,嵌入式开发-枚举详解---朱有鹏