當選中它的單選按鈕時，將顏色更改爲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>