-8

Como ativar e desativar uma div ao clicar no checkbox

$("#chkBloqueio").click(function() {
  if ($("#chkBloqueio").attr('checked') == true) {
    $("#divBloqueio").attr('display', 'inline');
  } else {
    $("#divBloqueio").attr('display', 'none');
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divBloqueio" runat="server" style="display:none"></div>

3
  • Olá @Matheus. Precisa dar mais detalhe na sua questão: o que pretende, quais as dificuldades, etc, caso contrário não conseguiremos ajudá-lo. Commented 6/09/2018 às 14:46
  • Defina "desativar". Seria esconder ela? Remover ela do DOM? Tornar todos os <input> dentro dela disabled? Commented 6/09/2018 às 14:57
  • O "ativar/desativar" seria tornar visível no DOM, quanto o checkBox for marcado a Div ficara display:inline. (Desculpa por não ter esclarecido inicialmente) Commented 6/09/2018 às 15:05

1 Resposta 1

1

Ficaria assim:

$('#chkBloqueio').on('change', function () {
    if ($(this).is(':checked')) {
        $('#divBloqueio').css('display', 'block');
    }
    else {
        $("#divBloqueio").css('display', 'none');
    }
});
2
  • 2
    Seria mais performático usar if (this.checked) pois não precisaria converter para um objeto jQuery e é nativo. Commented 6/09/2018 às 14:58
  • Obrigado, deu certo. Commented 17/01/2019 às 16:10

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .