当前位置:   article > 正文

input-radio(单选框)值的获取/默认选中等操作_input单选框获取选中的值

input单选框获取选中的值

input-radio(单选框)值的获取/默认选中等操作

由于每一个单选框均为一个单独的input,无法用id直接获取。可通过将一组radio配置为同一个class下,统一管理。

通过class获取input框的选中值:

$("input[name='addusersex']:checked").val()
  • 1

radio的常用方法:
1.获取选中值,三种方法都可以:

$('input:radio:checked').val()$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
  • 1
  • 2
  • 3

2.设置第一个Radio为选中值:

$('input:radio:first').attr('checked', 'checked');
$('input:radio:first').attr('checked', 'true');
注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
  • 1
  • 2
  • 3

3.设置最后一个Radio为选中值:

$('input:radio:last').attr('checked', 'checked');
或:$('input:radio:last').attr('checked', 'true');
  • 1
  • 2

4.根据索引值设置任意一个radio为选中值:

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
或:$('input:radio').slice(1,2).attr('checked', 'true');
  • 1
  • 2

5.根据value值设置Radio为选中值:

$("input:radio[value='女']").attr('checked','true');
$("input[value='女']").attr('checked','true');
  • 1
  • 2
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/279972
推荐阅读
相关标签
  

闽ICP备14008679号