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>
1122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
