Question

如何仅将一个类添加到一组单选按钮的选定单选按钮？

<table class="radioClass" role="set1"><tbody><tr><td><input type="radio" value=" Yes " id="" name="j_id0:j_id37:j_id41"> label for="j_id0:j_id37:j_id41:0">  Yes </label></td><td><input type="radio" value=" No " id="" name="j_id0:j_id37:j_id41"<label for="j_id0:j_id37:j_id41:1">  No </label></td></tr></tbody></table>

 $(document).ready(function(){
    $("input[type='radio']").click(function(){
        var radioValue = $("input:checked").val();
       if(radioValue){
            //alert("Your are a - " + radioValue);
            $("input:checked").toggleClass("checked");
        }
    });

JSFiddle

Answer 1

首先从所有单选按钮中删除checked类，然后添加到特定的选定按钮。这是你如何做到这一点：

if(radioValue){
     $("input[type='radio']").removeClass("checked");
     $(this).toggleClass("checked");
}

DEMO

Answer 2

不需要添加课程。如果要设置所选单选按钮的样式或使用jQuery访问它，只需使用$("input[type=radio]").change(function() { //Whenever a radio button is changed. //Using click will not catch cases where it is changed for other reasons than clicks. $("input[type=radio]") .removeClass("checked") //Remove the class from all elements. .filter(":checked") //Filter out the checked ones. .addClass("checked") //Add the class to those. });伪选择器。 jQuery documentation和W3C可以获得更多阅读。

但是，如果由于某种原因仍然想使用额外的类来执行此操作，则应该这样做：

{{1}}

将类添加到选定的单选按钮

2 个答案: