radio 默认选中，第二次点击选中的按钮改变为不选中，并获取值

最新推荐文章于 2023-04-21 17:17:22 发布

原创最新推荐文章于 2023-04-21 17:17:22 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function

js 专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何实现Radio按钮的默认选中状态，并在第二次点击时改变选中状态，同时演示如何获取选中按钮的值。通过遍历Radio组，检查ID为‘true’的按钮并获取其值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

       $("[name=sexuality]").click(function(){
           if($(this).attr("id")=="true"){
                   $(this).removeAttr("checked");
                   $("[name=sexuality]").each(function(){
                           $(this).attr("id",'false');
                     });
               }else{
                   $(this).attr("checked",'true');
                   $("[name=sexuality]").each(function(){
                           $(this).attr("id",'false');
                     });
                     $(this).attr("id",'true');
                     }

});

获取值

var sex="";
       $("[name=sexuality]").each(function(){
                if($(this).attr("id")=="true"){
                    sex=$(this).val();
                }
        });