Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thiago Duarte

Trocar de cor no background ao trocar de input

Recommended Posts

Oi, preciso trocar a cor do background ao selecionar o plano clicando no input radio, cada cada plano tem um preço, ao clicar em outro plano deve mudar a cor do background do plano e pegar aquele valor exemplo R$ 100.

 

Codigo do plano http://pastebin.com/mYnCjw2P

 

Obs: no plano dois eu deixei já com o background selecionado na mão <div class="pricing-tab" style="background: #f8f184">

 

isso deve ficar conforme o input radio selecionado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Podes experimentar algo assim:

$(document).ready(function() {
  $("input[type='radio']").click(function() {
    var price = $(this).siblings("p").text();
    $(this).parent().css("background-color", "#f8f184");
    $(".pricing-tab").not($(this).parent()).css("background-color", "");
  });
});

Algumas observações:

 

  • Para que seja possível seleccionar apenas um plano precisas de agrupar todos os radio buttons (atributo name igual para todos)
  • A variável price contém o preço do plano escolhido.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.