Skip to main content
2 de 2
se eliminaron 66 caracteres en el cuerpo
seonica
  • 131
  • 7

Como ocultar el contenido de un checkbox desmarcado?

necesito que el contenido de un checkbox desmarcado se oculte al marcar otro checkbox.

Imagen del problema:

introducir la descripción de la imagen aquí

Js

    <script>
$('#alternar').click(function(){
    $('#prueba').toggle();
});
$(".placeholder").select2({
    placeholder: "Make a Selection",
    allowClear: true
});
 </script>
<script>
$('#alternarpaypal').click(function(){
    $('#pruebapaypal').toggle();
});
$(".placeholder").select2({
    placeholder: "Make a Selection",
    allowClear: true
}); 
</script>

Html:

<input type="radio" class="new-control-input" name="custom-radio-2" id="alternar"/>
    
    
    <div id="prueba">
    "CONTENIDO CHECKBOX 1"

                                        </div>

  <input type="radio" class="new-control-input" name="custom-radio-1" id="alternarpaypal"/>
      
    <div id="pruebapayal">
                  "CONTENIDO CHECKBOX 2"
</div>

Css

 <style>
#prueba{
  
   display:none
}
#pruebapaypal{
  
  display:none
}

</style>

lo que necesito es que se oculte el contenido del checkbox que este desmarcado no tengo mucho conocimiento en js y necesito lograr esto, gracias.

seonica
  • 131
  • 7