jquery获取input type=text中的值的各种方式(总结)
<!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中的值的各种方式(总结)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
sp_sql_posts() 示例： <?php $tag='cid:6;field:post_title,post_content;order:listorder asc'; $posts=sp_sql_posts($tag); print_r($posts); $smeta=json_decode($vo['smeta'],true); //smeta处理方法，将其转化为数组 ?>
-
本文向大家介绍vue中各种通信传值方式总结，包括了vue中各种通信传值方式总结的使用技巧和注意事项，需要的朋友参考一下 1、路由通信传值 路由通信是通过路由跳转用query把参数带过去，也是vue常用的通信手段。 例子：创建并在路由注册一个组件Head 创建另一个组件About并在路由注册 路由注册的简单代码 2、sessionStorage本地缓存通信 还是列举上面的例子，将它们稍微改一改就可以
-
本文向大家介绍Android中获取设备的各种信息总结，包括了Android中获取设备的各种信息总结的使用技巧和注意事项，需要的朋友参考一下 一、屏幕分辨率 或者： 上面的代码是要在能获取到Activity的情况下使用的，如果无法获取到Activity，则可以使用一下的代码： 二、屏幕尺寸 同样，上面的代码需要在能获取到Activity。 三、获取app名称 四、获取设备厂商和设备名称信息 获取De
-
本文向大家介绍JavaScript获取select中text值的方法，包括了JavaScript获取select中text值的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考，具体如下： 别的不说,先看代码: 方法一： 其中,this.value取得是value的值,this.options[this.sele
-
本文向大家介绍javascript获取网页各种高宽及位置的方法总结，包括了javascript获取网页各种高宽及位置的方法总结的使用技巧和注意事项，需要的朋友参考一下 screen对象 获取屏幕的高宽（分辨率） window对象 获得窗口位置及大小 element对象 在介绍element对象各种高宽之前有必要解释一下盒模型 默认盒模型 box-sizing:content-box; 当不出现滚动
-
本文向大家介绍jQuery获取样式中颜色值的方法，包括了jQuery获取样式中颜色值的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery获取样式中颜色值的方法。分享给大家供大家参考。具体分析如下： 今天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样，IE中是以HEX格式显示【#fff