选择无线电输入时，使用jQuery更改按钮的颜色

Question

如果选择了特定的无线电输入，我试图使按钮颜色不同。

这是html代码            棕色          金发          红色    

    <h3>Skincolor</h3>
    <div class="skin">
        <span style="cursor:pointer"><div class="skincolor" id="fair"><input type="radio" name="skin" value="fair">Fair</div></span>
        <span style="cursor:pointer"><div class="skincolor" id="dark"><input type="radio" name="skin" value="dark">Dark</div></span>
        <span style="cursor:pointer"><div class="skincolor" id="inbetween"><input type="radio" name="skin" value="middle">Middle</div>

找到她

我使用jQuery所以我应该能够在JS代码中更改css但由于某种原因我不能让它工作。

   $(document).ready(function() {
$("#brown").click(function() {
    $("#blonde").toggle();
    $("#red").toggle();



});
$("#blonde").click(function() {
    $("#brown").toggle();
    $("#red").toggle();

});
$("#red").click(function() {
    $("#blonde").toggle();
    $("#brown").toggle();

});
$("#fair").click(function() {
    $("#dark").toggle();
    $("#inbetween").toggle();

});
$("#dark").click(function() {
    $("#fair").toggle();
    $("#inbetween").toggle();

});
$("#inbetween").click(function() {
    $("#dark").toggle();
    $("#fair").toggle();

});



});


}

if($('input:radio[name="hair"]:checked')){
$("#brown").css('background-color', "red")
}