HTML radio 或者 checkbox 获取状态为选中的元素的值

<tbody>
	<tr>
		<td><label for="invert">彩色模式： </label></td>
		<td>
			<label><input type="radio" name="colormode" id="coloroff" class="radio" value="关" checked="checked"> 关</label>
			<label><input type="radio" name="colormode" id="coloron" class="radio" value="开"> 开</label>
		</td>
	</tr>
</tbody>

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()+" 没选中");  
			}  
		})  
	});

});

分享到： 新浪微博 腾讯微博 QQ空间 人人网 豆瓣网 一键分享 0