美文网首页
jQuery操作单选按钮(radio)用法

jQuery操作单选按钮(radio)用法

作者: Yumazhiyao | 来源:发表于2017-07-03 20:03 被阅读414次

    转自:jQuery操作单选按钮(radio)用法

    1.获取选中值,四种方法都可以:

    $('input:radio:checked').val();
    $("input[type='radio']:checked").val();
    $("input[name='rd']:checked").val();
    var value  = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值
    

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

    $('input:radio:first').attr('checked', 'checked'); 
    或者 
    $('input:radio:first').attr('checked', 'true');
    

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

    $('input:radio:last').attr('checked', 'checked'); 
    或者
    $('input:radio:last').attr('checked', 'true');
    

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

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

    5.根据Value值设置Radio为选中值

    $("input:radio[value='rd2']").attr('checked','true');
    

    6.删除Value值为rd2的Radio

    $("input:radio[value='rd2']").remove();
    

    7.删除第几个Radio

    $("input:radio").eq(索引值).remove();索引值=0,1,2....
    

    8.遍历Radio

    $('input:radio').each(function(index,domEle){
     //写入代码
    });
    

    相关文章

      网友评论

          本文标题:jQuery操作单选按钮(radio)用法

          本文链接:https://www.haomeiwen.com/subject/llpzcxtx.html