首页 > 代码库 > 通过jQuery中的选择器获取radio的值

通过jQuery中的选择器获取radio的值

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.<input type="radio" name="testradio" value="http://www.mamicode.com/jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="http://www.mamicode.com/jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="http://www.mamicode.com/jquery获取select的值" />jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码:
1.$(‘input[name="testradio"]:checked‘).val();
2.$(‘input:radio:checked‘).val();
3.$(‘input[@name="testradio"][checked]‘);
4.$(‘input[name="testradio"]‘).filter(‘:checked‘);

如果我们要遍历name为testradio的所有radio呢,代码如下
1.$(‘input[name="testradio"]‘).each(function (){
  alert(this.value);
});
如果要取具体某个radio的值,比如第二个radio的值,这样写

2.$(‘input[name="testradio"]:eq(1)‘).val()

通过jQuery中的选择器获取radio的值