<!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方法扩展使用
2014-12-02 19:28 757//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery操作select值，jqery设置select值
2014-10-15 21:26 1119每一次操作select的时候，总是要出来翻一下资料，不如自己总 ... -
jquery ajax相关操作
2014-09-28 13:50 798--ajax 请求当有记录时给予提交，rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1072function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2302<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3025在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1460CSS中line-height与height的区别？ lin ... -
freemarker为空判断详细
2014-05-27 22:08 52864freemarker里面判断为空只有？？，后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17574FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2625以下引用官方描述： The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2694?date,?time和?datetime，因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 24831.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 17981.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1386//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1176jQuery.validate是一款非常不错的表单验证工具，简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1409jQuery对表单元素的取值 ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 136041. freemarker获取list的size ： ... -
Extjs Config和Mixins
2014-03-05 13:23 1041Extjs 4中，为类型系统引入了Config概念，Con ... -
js回调函数
2014-03-04 11:40 1053回调函数(Callback Functions ... -
extjs4.0 Ext.Array 函数方法详解
2014-03-04 10:34 1145Ext.onReady(function(){ ...
相关推荐
下面小编就为大家带来一篇jquery获取input type=text中的值的各种方式(总结)。小编觉的挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
Jquery-Ajax各种获取方式 <body> <input id="getJsData" type="button" value="获取js值"/> <input id="getMessage" type="button" value="获取单个值"/> <input id="getUserInfo" type=...
如何用javascript获取...一、jquery获取input文本框中的值 通过 name var name = $('input[name="CN_NAME"]').val(); 通过 id var name = $('#CN_NAME').val(); 通过 class var name = $('.CN_NAME').val(); 二、jav
如下所示： function resetData() { $(input[type=text]).each( ...以上这篇jquery对所有input type=text的控件赋值实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
如何用javascript获取input...一、jquery获取input文本框中的值 通过 name： $('input[name="username"]').val() 通过 id： $('#user').val() 通过 class： $('.uusr').val() 二、javascript获取input输入框中的
在页面中加入input，type=text，设置onclick事件调用js
input type=text maxlength="10" onfocus="jQuery(this).calendar()" readonly="true"/><br/> 显示日期时间: <input type=text maxlength="16" onfocus="jQuery(this).calendar()" readonly="true"/>...
<script type="text/javascript" src="../js/jquery-1.4.2.js"> * 引入日期插件的文件 * 日期插件的js文件 <script type="text/javascript" src="./jquery.datepick.js"> * 日期插件的css文件 <link rel=...
有时候需要在页面上允许用户上传多个文件，个数由用户自己决定，个数多了也可以删除，使用jQuery可以很简单的实现这个功能。 先给大家展示下效果图： <!DOCTYPE html> <html> <head> <title&...
及格分数</label> <input type="text" id="PassScore" mstype="1" msg="及格分数" fmt="float"> 分 * 解释：input id 为必有项， mstype="1":标识该输入框为需要校验 msg="及格分数" msg：标识这个...
本文实例讲述了jQuery针对input的class属性写了多个值情况下的选择方法。分享给大家供大家参考，具体如下： jQuery选择input的class属性写了多个值的情况： <html> <head> <meta ...
<form id=myform> <input type=radio value=1 name=gender>男 <input type=radio value=2 name=gender>...获取值方式一 < script src =js/jquery-3.3.1.min.js ></ script >
本文实例讲述了jQuery获取及设置input各种类型值的方法。分享给大家供大家参考，具体如下： 获取一组radio被选中项的值 var item = $(input[@name=items]：checked).val(); 获取select被选中项的文本 var item = ...
input class="inp" type="text" readonly id="resultTxt"> <input type="hidden" name="jp" id="resultTxt1"> <div class="input"> 姓名： <input class="inp" id="name" type="text" name=...
功能描述：父窗口有一个input，和一个button ，点击button打开子窗口，在子窗口中获取父窗口中input的值，并显示。 js: 父窗口： <input type=text name=currentProjectIDForDetail id=...
<script type="text/javascript"> $(function(){ $("#copy").zclip({ path: "${basePath}/js/bbs/invite/...<script type="text/javascript" src="${basePath}/js/bbs/invite/jquery.zclip.min.js"></script>
input type="text" value="6.0" class="slideControl" maxlength="3" /></li> <li><label>Bar: </label><input type="text" value="4.0" class="slideControl" maxlength="3" /></li> <li><label>...