生活随笔
收集整理的這篇文章主要介紹了
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 值的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
