jQuery radio获取设置值

来源:互联网 发布:随机森林算法简单实例 编辑:程序博客网 时间:2024/05/29 09:14
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());elsealert('请选择一个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>

原创粉丝点击