美文网首页
jquery之radio操作

jquery之radio操作

作者: 云端漫记 | 来源:发表于2017-05-16 17:51 被阅读24次
    1. 通过 id 找到 radio 并将其选中男
      $(´#man_radio´).attr(´checked´, ´true´);
    2. 通过 name 找到 radio 并将其选中男
      $("input[name=sex]:eq(0)").attr("checked",´true´);
    3. 通过 name 和 value 找到 radio 并将其选中男
      $("input[name=sex][value=´1´]").attr("checked",true);

    如果想取消选中的话、只需要把 true 改为 false 即可
    另外还有一种选中和取消选中的方式是这样的、通过属性 checked 来判断的、代码如下

     $("#man_radio").removeAttr("checked");//不选中```
    二、获取选中的值1、通过选中的 radio 来获取
    `$(´input:radio:checked´).val();`
    2、通过 type 来获取
    `$("input[type=´radio´]:checked").val();`
    3、通过 name 来获取
    `$("input[name=´rd´]:checked").val();`
    三、判断 RADIO 是否选中这里我用一个循环来判断是否选中、大家在实际项目中、可以通过元素的 id 或者使用 ep 来获取标签元素
    ```$("input[name=sex]").each(function(){   
     if($(this).attr("cheked")){       
       alert(‘选中’);    
     }else{        
       alert(‘未选中’);    
    }})```
    总之获取选中和 radio 的值和选中 radio 的方法有很多、大家可以视情况而定、看当时的场景、那种方法方便用使用那种方法

    相关文章

      网友评论

          本文标题:jquery之radio操作

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