• jQuery获取radio选中项checked的几种方法

    灵活的jQuery
    服务器君一共花费 5.428 ms 进行了 5 次数据库查询,努力地为您提供了这个页面。
    广告很萌的

    前面一小节介绍了设置单选按钮radio选中/不可用的方法,这里再介绍一下,如何知道radio哪个选项被选中了,也就是获取checked的radio项。这是个很简单的任务,这里我总结了几个常用的方法,体验一下jQuery的灵活。

    1. $('.radio:checked')

    2. $('input[type^=radio]:checked')

    3. $('.radio').filter(':checked')

    4. 使用each

    具体的 HTML 和 jQuery 代码可以右键查看本页源代码,这里贴一下代码:

    $(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()+" 没选中");  
    			}  
    		})  
    	});
    
    });
    
更多 推荐条目

Welcome to NowaMagic Academy!

现代魔法 推荐于 2013-02-27 10:23   

本章最新发布
随机专题
  1. [Python程序设计] Django与表单 4 个条目
  2. [软件工程与项目管理] 开始使用Git 3 个条目
  3. [PHP程序设计] Nginx基本操作释疑 7 个条目
  4. [智力开发与知识管理] 超越整体性学习 5 个条目
  5. [C语言程序设计] C语言里的全局变量 2 个条目
  6. [数据库技术] MySQL常用自带函数 3 个条目
  7. [数据库技术] 数据库范式篇 5 个条目
  8. [软件工程与项目管理] 开始了解Git 5 个条目
  9. [移动开发] 从代码角度去认识HttpClient 2 个条目
  10. [移动开发] Android SQLite增删查改实例(数据:魔弹之王) 2 个条目
  11. [PHP程序设计] 对输入文件类型的检测 1 个条目
  12. [移动开发] Android开发基础知识 4 个条目
窗口