4つの異なる要素、類似の関数

Question

私はJQueryが新しく、JQueryのさまざまな要素に同様の機能をどのように使用できるかを調べようとしています。

これは、入力されたラジオボタンのためである、

機能* _check（）、* _UNcheck（）と同じことを行うが、異なる要素のためにしています。 jQueryのコードを簡素化する方法

：

$('.A').click(function() { 
    if ($("#A_a").hasClass("un_check") && $("#B_b").hasClass("un_check")) { 
     A_check(); 
    } else if ($("#A_a").hasClass("un_check") && $("#B_b").hasClass("check")) { 
     A_check(); 

     B_UNcheck(); 
    }; 
}); 
$('.B').click(function() { 
    if ($("#A_a").hasClass("un_check") && $("#B_b").hasClass("un_check")) { 
     B_check(); 
    } else if ($("#A_a").hasClass("check") && $("#B_b").hasClass("un_check")) { 
     B_check(); 

     A_UNcheck(); 
    }; 
}); 

//------------------------------------------------------------------------------ 
function A_check() { 
    $("#A_a").removeClass("_hover"); 
    $("#A_a").addClass("_check"); 

    $("#A").prop("checked", true); 
    $("#B").prop("checked", false); 

    $("#A_a").removeClass("un_check").addClass("check"); 
}; 
function A_UNcheck() { 
    $("#A_a").removeClass("_check"); 

    $("#A_a").removeClass("check").addClass("un_check"); 
}; 
function B_check() { 
    $("#B_b").removeClass("_hover"); 
    $("#B_b").addClass("_check"); 

    $("#A").prop("checked", false); 
    $("#B").prop("checked", true); 

    $("#B_b").removeClass("un_check").addClass("check"); 
}; 
function B_UNcheck() { 
    $("#B_b").removeClass("_check"); 

    $("#B_b").removeClass("check").addClass("un_check"); 
}; 

Answer 1

・ホープ、このことができます：

$('.A').click(function() { 
     check("A_a", "A", "B"); 
     unCheck("B_b"); 
}); 
$('.B').click(function() { 
     check("B_b", "B", "A"); 
     unCheck("A_a"); 
}); 

function check(firstId, secondId, thirdId){ 
    $("#"+firstId).removeClass("_hover"); 
    $("#"+firstId).addClass("_check"); 

    $("#"+secondId).prop("checked", true); 
    $("#"+thirdId).prop("checked", false); 

    $("#"+firstId).removeClass("un_check").addClass("check"); 
} 

function unCheck(firstId) { 
    $("#"+firstId).removeClass("_check"); 
    $("#"+firstId).removeClass("check").addClass("un_check"); 
}; 

おかげ