• 技术文章 >web前端 >js教程

    jquery如何判断单选按钮radio是否选中

    coldplay.xixicoldplay.xixi2020-11-30 15:40:57原创357

    jquery判断单选按钮radio是否选中的方法:1、加载页面的时候获取id,代码为【var fs=$("#"+id).val()】;2、点击按钮的时候获取id,代码为【var id= $(this).attr("id")】。

    本教程操作环境:windows7系统、jquery3.2.1版,该方法适用于所有品牌电脑。

    jquery判断单选按钮radio是否选中的方法:

    本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下:

    html代码如下:

    <input type="radio" id="d1" name="ra" value="a" checked="checked" />
    <input type="radio" id="d2" name="ra" value="b" />
    <input type="radio" id="d3" name="ra" value="c" />

    1. 加载页面的时候获取id

    $("input[type='radio']").each(function(){
      var id= $(this).attr("id");
      if($("#"+id).attr("checked")=="checked"){
       var fs=$("#"+id).val();
      }
    });
    var s1 = $(".aa:checked").val(); // .aa 为class
    var s2 = $("input[name='ra']:checked").val();

    2.点击按钮的时候获取id

    $(function(){
      $("input[type='radio']").click(function(){
        var id= $(this).attr("id");
        alert(id);
      });
    });

    相关免费学习推荐:javascript(视频)

    以上就是jquery如何判断单选按钮radio是否选中的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery radio
    上一篇:jquery $.post方法不执行怎么办 下一篇:jquery file是什么意思
    大前端线上培训班

    相关文章推荐

    • Jquery获取radio选中值方法详解• jQuery获取radio值步骤详解• 手写CSS+js实现radio单选按钮• PHP如何判断Radio选中没有?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网