HTMLradio或者checkbox获取状态为选中的元素的值
<tbody>
htmlradio添加切换事件<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')
获取radio选中状态
2. $('input[type^=radio]:checked')
获取radio选中状态
3. $('.radio').filter(':checked')
获取radio选中状态
4. 使⽤each
获取radio选中状态
具体的 HT ML 和 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:729038198,我们将在24小时内删除。
发表评论