JQuery获取表单元素的值

最新推荐文章于 2021-11-07 11:40:00 发布

iteye_11234

最新推荐文章于 2021-11-07 11:40:00 发布

阅读量173

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_11234/article/details/82281667

版权

JQuery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

 <body>
    	文本框：
    	<input type="text" id="t1"/>
    	<input type="button" id="b1" value="点击获取文本框值"/>
    	<p/>
    	单选框：
    		<input type="radio" name="sex" value="man"/>雄性
    		<input type="radio" name="sex" value="woman"/>雌性
    	<input type="button" id="b2" value="点击获取单选框值"/>
    	<p/>
    	复选框:
    		<input type="checkbox" id="h" value="basketball">篮球
    		<input type="checkbox" id="h" value="football">足球
    		<input type="checkbox" id="h" value="badminton">羽毛球
    		<input type="checkbox" id="h" value="ping-pong">乒乓球
    		<input type="button" id="b3" value="点击获取复选框值"/>
    	<p/>
    	下拉框：
			<select id="selectTest" name="items">
				<option value="orange">橘子</option>
				<option value="banana">香蕉</option>
				<option value="watermelon">西瓜</option>
			</select> 
		<input type="button" id="b4" value="点击获取下拉框值"/>

  </body>

	 <script type="text/javascript">
	 	$(document).ready(function(){

	 		$("#b1").click(function(){
	 		    var v=$("#t1").val();
	 			alert(v);
	 		});

	 		$("#b2").click(function(){
	 		    var sex = $("input[name='sex']:checked").val(); 
	 			alert(sex);
	 		});

	 		$("#b3").click(function(){
	 		  	/*$("#h:checked").each(function(){   
					//str+=$(this).val()+"\r\n";   
					alert($(this).val()); 
				}); */

				$(":checkbox:checked").each(function(){
					alert($(this).val());
				});
	 		});

	 		$("#b4").click(function(){
	 		 	 var item = $("#selectTest").val(); 
	 		 	 alert(item);
	 		});

	 	});
	 </script>