jQuery获取radio值

最新推荐文章于 2023-08-12 12:21:00 发布

chuzhenbin

最新推荐文章于 2023-08-12 12:21:00 发布

阅读量422

点赞数

分类专栏： javascript jquery 文章标签： jquery input html button null div

本文链接：https://blog.csdn.net/chuzhenbin/article/details/7599997

版权

jquery 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
    <title>test</title>
    
		<script type="text/javascript" src="jquery-1.4.1.js" charset="utf-8"></script>
	
		<script type="text/javascript">
			function radioTest(){
				//--------------------------------------------jQuery获取radio的值
				var item = $("input:radio[name='sa']:checked").val();
				if(item==null){                 
					alert("什么也没选中!");                 
					return false;             
				}             
				else{                 
					alert(item);
				} 
				//--------------------------------------------
				
				//--------------------------------------------js获取radio的值
				/*
		    var selectedIndex = -1;
		    var myfrom = document.getElementById("myfrom");
		    var i = 0;
		    
		    if(myfrom.sa.length==null){
		    	if (myfrom.sa.checked){
		            alert("您选择的是：" + myfrom.sa.value);
		        }
		        else{
		        	 alert("您没有选择任何值");
		        	 return;
		        }
		    }
		    else{
			    for (i=0; i<myfrom.sa.length; i++){
			        if (myfrom.sa[i].checked){
			            selectedIndex = i;
			            alert("您选择的是：" + myfrom.sa[i].value);
			            break;
			        }
			    }
			    if (selectedIndex < 0){
			        alert("您没有选择任何值");
			        return;
			    }
		    } 
		    */	
				//--------------------------------------------
			}
		</script>

  </head>
  
  <body>
  	
  	<form id="myfrom">
	  	<input type="radio" name="sa" id="ss1" value="aa">aa1
	  	<input type="radio" name="sa" id="ss2" value="bb">bb2
		</form>

	  <div id="body">
	  	<div id="page">
	  	AAAAAAAAAAAAAAAAAAAAA
	  	<input type="button" value="按钮" οnclick="radioTest()" />
			</div>
		</div>
  
  </body>
</html>

chuzhenbin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery获取radio值

test function radioTest(){ //--------------------------------------------jQuery获取radio的值 var item = $("input:radio[name='sa']:checked").val(); if(item==null){
复制链接

扫一扫