Problema ao exibir Div ao clicar em radio button e outra div
Boa noite pessoal,
Estou com um problema e gostaria da ajuda dos amigos:
Em uma página de escolha de forma de pagamento gostaria de fazer aparecer uma div que está oculta quando seleciono a opção pelo radio button.
Funciona ok clicando direto no radio button, porém o radio button também é selecionado ao clicar sobre o nome da opção na DIV (exemplo: Boleto Bancário). E quando clico sobre o nome da opção a DIV oculta não aparece.
Gostaria de exibir a DIV oculta tanto ao clicar sobre o nome Boleto bancário como ao clicar no radio button.
o html é mais ou menos assim:
<div class="selection row">
<div class="col-xs-6 text-left"><strong>Boleto Bancário</strong> 10% de Desconto</div>
<div class="col-xs-6 text-right"><input type="radio" name="payment" value="boleto" checked="checked" /></div>
</div>
<div id="campos">
Exibe instrução
<div
Meu jquery está assim:
$("input[name=payment]").change(function(data){
var selection = $("input[name=payment]:checked").val();
console.log(selection);
if(selection != "boleto")
$("#campos").hide();
else
$("#campos").show('fast');
});
$("#campos").hide();
VLw pessoal..Discussão (1)
Carregando comentários...