jQuery获取单选按钮选中项的方法

2013-06-22 11:37:57|?次阅读|上传:wustguangh【已有?条评论】发表评论

关键词:JavaScript, JQuery, Web|来源:唯设编程网

jQuery获取单选按钮选中项在表单页面非常常用,本页通过实例分别对直接使用选择器和迭代两种方案进行介绍。

1.通过选择器直接获取单选按钮组的选中项

你可以使用如下几种方法:

var rbtnType= jQuery("input[name='rbtnType']:checked").val();2.
var item = jQuery("input:radio[name='rbtnType'][checked]").val();
//也可以用如下更简洁的方法
var sex = jQuery(":radio:checked").val();
var sex = jQuery("input[name='sex']:checked").val();

2.使用元素遍历的方法

jQuery(function(){
	jQuery("#button").click(function(){
		jQuery("[name=items]:radio")
			.each(function(){
			if(jQuery(this).attr("checked"))
			{
				this.location.href="next.html";
			}
			else{
				alert("请选择一个选项!");
			
			}
		})
	
	});
});

或者使用如下更便捷的方法:

jQuery(":radio").each(function(i,v){
    if(jQuery(this).attr('checked')=='checked'){
	    sex = jQuery(this).val();
	    return false;//return false就不执行each了
   }
}); 
发表评论0条 】
网友评论(共?条评论)..
jQuery获取单选按钮选中项的方法