1.jQUery获取radio的值的几种方法
1.
$(
'input[name="testradio"]:checked'
).val();
2.
$(
'input:radio:checked'
).val();
3.
$(
'input[@name="testradio"][checked]'
);
4.
$(
'input[name="testradio"]'
).filter(
':checked'
);
2.遍历radio
$(
'input[name="testradio"]'
).each(
function
(){
alert(
this
.value);
});
3.取第二个radio的值
$(
'input[name="testradio"]:eq(1)'
).val();
4.实例
<html>
<head>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script
type="text/javascript">
$(function(){
$('#go').click(function(){
var radio = $('input[name="testradio"]').filter(':checked');
if(radio.length)
alert(radio.val());
else
alert('请选择一个radio');
});
$('#go2').click(function(){
$('input[name="testradio"]').each(function(){
alert(this.value);
});
})
$('#go3').click(function(){
alert($('input[name="testradio"]:eq(1)').val());
})
})
</script>
</head>
<body>
<input type="radio" name="testradio" value="jquery获取radio的值"/>jquery获取radio的值<br />
<input type="radio" name="testradio"value="jquery获取checkbox的值" />jquery获取checkbox的值<br />
<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值<br />
<button id="go">选中的那个radio的值</button>
<button id="go2">遍历所有radio的值</button>
<button id="go3">取第二个radio的值</button>
</body>
</html>