Publicado em 8 de mai.

Esconder div ao carregar. Radio

#javascript

Como fazer para que a div não apareça se o radio estiver marcado?

Veja como estou fazendo http://jsfiddle.net/8s296rqL/1/

O carregamento tem que vir do js porque é um campo dinâmico.

A função com clique funciona. Fiz um teste deixando marcado, mas não executa a função, somente quando clico.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

William Bruno· 8 de mai.

Não consigo me entender com o fiddle.. enfim.. segue:

<!DOCTYPE html>

<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>

<p>Adicionar seguro?</p>

<label>
 <input name="seguro" value="S" type="radio" class="ace" />
 <span class="lbl"> Sim</span>
</label>

<label>
 <input name="seguro" value="N" type="radio" class="ace" checked/>
 <span class="lbl"> Não</span>
</label>

<div class="divMostrarEsconderSeguro" style="background:red;">
 Mostrar form
</div>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
 var $div = $(".divMostrarEsconderSeguro");

 toggle($('input[type="radio"][name="seguro"]:checked'), $div);

 $('input[type="radio"][name="seguro"]').on('click', function(){
 toggle($(this), $div);
 });
});

function toggle($radio, $div) {
 if($radio.val() === "S"){
 $div.show();
 } else {
 $div.hide();
 }
}
</script>

</body>
</html>

note a diferença do load:$('input[type=radio][name=seguro]:checked') quando a página carrega, eu mando para a função que vai ver se mostra ou não, apenas o radio que estiver checked.

tiagocaus· 8 de mai.

Show de bola! Obrigado Bruno!