1

Estou com uma dúvida em JQuery. Eu tenho o seguinte código, exemplo:

<div class="col-sm-2">
    <div class="md-checkbox">
        <input type="checkbox" id="checkbox1" class="md-check">
    </div>
</div>

<div class="col-sm-2" hidden="hidden">
    <input type="text" class="form-control" id="form_control_1">
</div>

<div class="col-sm-2" hidden="hidden">
    <input type="text" class="form-control" id="form_control_2">
</div>

<div class="col-sm-2" hidden="hidden">
    <input type="text" class="form-control" id="form_control_3">
</div>

O que eu preciso fazer é que quando alguém marcar o checkbox1, ele deve mostrar os inputs das divs que estão com o atributo hidden.

No caso seria algo como subir até o pai do checkbox, depois subir até o pai dessa div, depois setar como visivel as divs vizinhas.

Como posso fazer isso?

1
  • Quando desmarcar o checkbox, deve ocultar as div's também? Commented 30/09/2015 às 14:33

1 Resposta 1

0

Algo como isso?

$(document).ready(function() {
    $("#checkbox1").click(function(){
        var checked = $(this).is(":checked");
        if(checked)
            $(this).parent().parent().siblings("div[hidden=hidden]").each(function(i, div) {
                $(div).removeAttr("hidden").show();
            });
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-sm-2">
    <div class="md-checkbox">
        <input type="checkbox" id="checkbox1" class="md-check">
    </div>
</div>

<div class="col-sm-2" hidden="hidden">
    <input type="text" class="form-control" id="form_control_1">
</div>

<div class="col-sm-2" hidden="hidden">
    <input type="text" class="form-control" id="form_control_2">
</div>

<div class="col-sm-2" hidden="hidden">
    <input type="text" class="form-control" id="form_control_3">
</div>

Esse é um jeito de fazer, exatamente como você descreveu: a partir do checkbox, obtem-se o pai do pai e então os nós do mesmo nível que tenham o atributo hidden. Para cada um, remove-se o atributo e torna-o visível.

1
  • isso mesmo, muito obrigado cara Commented 7/10/2015 às 17:34

Você deve fazer log-in para responder a esta pergunta.

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