Ir para conteúdo

Arquivado

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

tiagocaus

Esconder div ao carregar. Radio

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

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.