当选中它的单选按钮时，将颜色更改为div

Question

我想弄清楚（在大量搜索之后）如何在选中其中的单选按钮之后使div更改颜色。这个场景是我想要两个并排的div，基本上说“选择这个计划”，在div下面是一个继续注册按钮。因此，当某人点击单选按钮（选择一个会员计划）在一个div中时，它将改变该div的样式以具有新的背景颜色和文本颜色。我无法弄清楚如何使这项工作。

任何建议将不胜感激！

Answer 1

$('input[type=radio]').on('click', function(){ 

    var value = $(this).val(); 

    // now based on value, we do different things to our div... 
    // example: 
    switch (value){ 
     case 1: 
      myDiv.css('background-color', 'red'); 
      break; 
     // next case, and so on.... 
    } 

}); 

Answer 2

试试下面的代码

$('.divSpecific input').click(function(){ 
 
    
 
    if($(this).attr("alt") == "1") 
 
      $('div.signUp').css("background","red") 
 
      .css("color","black"); 
 
    else 
 
     $('div.signUp').css("background","cyan") 
 
      .css("color","white"); 
 
    
 
    });

div.divSpecific { 
 
    height: 20px; 
 
    width: 200px; 
 
    float:left; 
 
} 
 
.signUp{ 
 
    border:solid 1px; 
 
    height:20px; 
 
    width:100px; 
 
    text-align:center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="divSpecific"> 
 
    Choose this plan &nbsp;&nbsp;&nbsp; 
 
    <input type="radio" alt="1" name="name" /> 
 
    </div> 
 

 
<div class="divSpecific"> 
 
    Choose this plan &nbsp;&nbsp;&nbsp; 
 
    <input type="radio" alt="2" name="name" /> 
 
    </div> 
 
<br/> 
 
<div class="signUp"> 
 
    Sign Up 
 
</div>