jQuery獲取radio選中項checked的幾種方法


如何知道radio哪個選項被選中了,也就是獲取checked的radio項。這是個很簡單的任務,這里我總結了幾個常用的方法,體驗一下jQuery的靈活。

具體的 HTML 和 jQuery 代碼可以右鍵查看本頁源代碼,這里貼一下代碼:

HTML:name值一定要相同,四個單選也是一樣的

<input type="radio" name="11" value="開">開
<input type="radio" name="11" value="關">關

JQ:  

$(document).ready(function(){
	
	$("#btn_1").click(function(){
		alert($('.radio:checked').val());
	});
	
	$("#btn_2").click(function(){
		alert($('input[type^=radio]:checked').val());
	});
	
	$("#btn_3").click(function(){
		alert($('.radio').filter(':checked').val());
	});
	
	$("#btn_4").click(function(){
		$('.radio').each(function(){  
			if($(this).is(":checked")){  
				alert($(this).val()+" 選中");  
			}else{  
				alert($(this).val()+" 沒選中");  
			}  
		})  
	});

});

 本文轉載自:http://www.nowamagic.net/academy/detail/23250833 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM