Skip to main content
Correções ortográficas
Fonte Link
Sam
  • 80,8mil
  • 22
  • 73
  • 128

Esconder e Mostrar elemento filho atravesatravés do checkbox

Tenho uma estrutura HTML de uma <table> onde eu tenho um <tr> com duas <td> com a seguinte estrutura.:

<tr>
    <td class="w-25 text-nowrap">
         <label><input class="form-check-input" type="checkbox" name="Lindy-125 (Azul)" id="variation_1">Lindy-125 (Azul)</label>
    </td>
    <td>
        <div class="form-check-inline">
             <div class="mr-3">
                 <label> <input class="form-check-input ml" type="checkbox" name="Centro de Caucaia" id="store_1"> Centro de Caucaia</label>
              </div>
              <div class="mr-3">
                    <label> <input class="form-check-input ml" type="checkbox" name="Sul de Caucaia" id="store_2"> Sul de Caucaia</label>
              </div>
        </div>
    </td>
 </tr>

Na primeira <td> eu tenho um campo checkbox, no mommentomomento que eu marcar esse checkbox eu quero poder mostrar o proximopróximo <td> dessedessa mesma <tr> e se caso for desmarcado eu esconda ele. Como eu poderia fazer isso?

Testei com JqueryjQuery não deideu muito certo.

Esconder e Mostrar elemento filho atraves do checkbox

Tenho uma estrutura HTML de uma <table> onde eu tenho um <tr> com duas <td> com a seguinte estrutura.

<tr>
    <td class="w-25 text-nowrap">
         <label><input class="form-check-input" type="checkbox" name="Lindy-125 (Azul)" id="variation_1">Lindy-125 (Azul)</label>
    </td>
    <td>
        <div class="form-check-inline">
             <div class="mr-3">
                 <label> <input class="form-check-input ml" type="checkbox" name="Centro de Caucaia" id="store_1"> Centro de Caucaia</label>
              </div>
              <div class="mr-3">
                    <label> <input class="form-check-input ml" type="checkbox" name="Sul de Caucaia" id="store_2"> Sul de Caucaia</label>
              </div>
        </div>
    </td>
 </tr>

Na primeira <td> eu tenho um campo checkbox, no mommento que eu marcar esse checkbox eu quero poder mostrar o proximo <td> desse mesma <tr> e se caso for desmarcado eu esconda ele. Como eu poderia fazer isso?

Testei com Jquery não dei muito certo.

Esconder e Mostrar elemento filho através do checkbox

Tenho uma estrutura HTML de uma <table> onde eu tenho um <tr> com duas <td> com a seguinte estrutura:

<tr>
    <td class="w-25 text-nowrap">
         <label><input class="form-check-input" type="checkbox" name="Lindy-125 (Azul)" id="variation_1">Lindy-125 (Azul)</label>
    </td>
    <td>
        <div class="form-check-inline">
             <div class="mr-3">
                 <label> <input class="form-check-input ml" type="checkbox" name="Centro de Caucaia" id="store_1"> Centro de Caucaia</label>
              </div>
              <div class="mr-3">
                    <label> <input class="form-check-input ml" type="checkbox" name="Sul de Caucaia" id="store_2"> Sul de Caucaia</label>
              </div>
        </div>
    </td>
 </tr>

Na primeira <td> eu tenho um campo checkbox, no momento que eu marcar esse checkbox eu quero poder mostrar o próximo <td> dessa mesma <tr> e se caso for desmarcado eu esconda ele. Como eu poderia fazer isso?

Testei com jQuery não deu muito certo.

Fonte Link
Romulo Sousa
  • 573
  • 2
  • 6
  • 23

Esconder e Mostrar elemento filho atraves do checkbox

Tenho uma estrutura HTML de uma <table> onde eu tenho um <tr> com duas <td> com a seguinte estrutura.

<tr>
    <td class="w-25 text-nowrap">
         <label><input class="form-check-input" type="checkbox" name="Lindy-125 (Azul)" id="variation_1">Lindy-125 (Azul)</label>
    </td>
    <td>
        <div class="form-check-inline">
             <div class="mr-3">
                 <label> <input class="form-check-input ml" type="checkbox" name="Centro de Caucaia" id="store_1"> Centro de Caucaia</label>
              </div>
              <div class="mr-3">
                    <label> <input class="form-check-input ml" type="checkbox" name="Sul de Caucaia" id="store_2"> Sul de Caucaia</label>
              </div>
        </div>
    </td>
 </tr>

Na primeira <td> eu tenho um campo checkbox, no mommento que eu marcar esse checkbox eu quero poder mostrar o proximo <td> desse mesma <tr> e se caso for desmarcado eu esconda ele. Como eu poderia fazer isso?

Testei com Jquery não dei muito certo.