Ir para conteúdo

POWERED BY:

Arquivado

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

manufe

[Resolvido] abrir cont. se checkbox estiver marcado [JQuery]

Recommended Posts

Fala pessoal!!

 

estou na seguinte situação.

 

tenho o seguinte script para fazer com q quando marcar um checkbox ele aparece algumas opcoes q estao escondidadas e quando desmarcar ele some com estas opcoes.

 

  $('.ckbox').click(function() {
        if (this.checked == true) {
          $(".opcao").show();
        } else {
          $(".opcao").hide();
        }
      });

 

o problema é o seguinte....no modulo de edicao, que salva se o cara marcou ou nao o ckeckbox, nao estou conseguindo com q ao carregar a pagina ele abre as opcoes se tiver marcado ou esconde se nao estiver.

 

 

No mais obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pelo oque entendi...

Sendo (".opcao") um objeto...

$('.ckbox').click(function() {
        if (this.checked == true) {
          $(".opcao").style.display = '';
        } else {
          $(".opcao").style.display = 'none';
        }
      });

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, eu fiz algo Semelhante da seguinte maneira:

 

function isChecked(){

 

if ($("#Checked").is(':checked')) {

 

$(".opcao").show();

 

} else {

 

$(".opcao").hide();

 

}

 

}

 

ao carregar a pagina:

 

<script>

$(document).ready(function(){

 

isChecked();

 

});

</script>

 

e no Input Ckeckbox coloque um onClick:

 

<input type="checkbox" name="checkbox" value="checkbox" onClick="isChecked();">

Compartilhar este post


Link para o post
Compartilhar em outros sites

E ai manufe funcionou?

Compartilhar este post


Link para o post
Compartilhar em outros sites

voltando novamente...

 

consegui resover desta forma...

 

    $(document).ready(function() {

      $('.ckbox').each(function() {

        if (this.checked == true) {
          $(".opcao").show();
        } else {
          $(".opcao").hide();
        }
      });
      $('.ckbox').change(function() {

        if (this.checked == true) {
          $(".opcao").show();
        } else {
          $(".opcao").hide();
        }
      });

  });

resolveu desta forma, mas acho q esta forma não é mais correta... será que alguem me ajuda a escrever melhor isso :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

voltando novamente...

 

consegui resover desta forma...

 

   $(document).ready(function() {

     $('.ckbox').each(function() {

       if (this.checked == true) {
         $(".opcao").show();
       } else {
         $(".opcao").hide();
       }
     });
     $('.ckbox').change(function() {

       if (this.checked == true) {
         $(".opcao").show();
       } else {
         $(".opcao").hide();
       }
     });

 });

 

resolveu desta forma, mas acho q esta forma não é mais correta... será que alguem me ajuda a escrever melhor isso :D

 

Cara, tenta isso. Pra mim funcionou:

 

$("input.ckbox:checkbox").click(function()

{

if($(this).attr('checked'))

$(".opcao").show();

else

$(".opcao").hide();

});

 

espero ter ajudado

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.