0

Buenas,me gustaria saber como hacer para que cuando el checked esté unchecked el div checksolu se elimine. He intentando hacer remove con un else pero no ha funcionado. Gracias

 function showsolucion() {
            $('input[name=radiocheck]').one('click', function () { 
            if ($('input[id=mostrarcheck]').is(':checked')) {
                var checksolu = $("<textarea id='divsolucion' name='solu' rows='2' cols='45' autocomplete='off' required></textarea>");
                $("#consulta").append(checksolu);

            }
        });
    }
2
  • Si pusieras más información para reproducir el problema podría ayudarte con más facilidad. Por ahora te he puesto dos métodos de borrar el textarea que has creado a través de su id con remove() y vaciando al padre con empty(). el 16 feb. 2017 a las 10:34
  • Hola Seyker, quieres eliminarlo del DOM o estaria bien que no sea visible, en ese caso se puede resolver sin codigo usando CSS. Hazme saber y te propongo una respuesta. el 16 feb. 2017 a las 13:16

2 respuestas 2

3

Sin más código que me permite probar lo que quieres sólo puedo mostrarte dos formas de hacerlo:

function comprobar1() {
  if ($('input[id=mostrarcheck]').is(':checked')) {
    var checksolu = $("<textarea id='divsolucion' name='solu' rows='2' cols='45' autocomplete='off' required></textarea>");
    $("#consulta").append(checksolu);
  } else {
    $("#consulta").empty();
  }
}

function comprobar2() {
  if ($('input[id=mostrarcheck]').is(':checked')) {
    var checksolu = $("<textarea id='divsolucion' name='solu' rows='2' cols='45' autocomplete='off' required></textarea>");
    $("#consulta").append(checksolu);
  } else {
    $("#divsolucion").remove();
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p><input type="checkbox" id="mostrarcheck" checked> Hola</p>
<button onclick="comprobar1()">Borrar con empty()</button>
<button onclick="comprobar2()">Borrar con remove()</button>
<p><small>Nota: Tras agregar pulsando los botones de arriba desmarcar la opción para borrar.</small></p>
<div id="consulta"></div>

En la primera forma hago un empty() del <div> padre, eliminando todos sus hijos.

En la segunda selecciono el <textarea> cuyo id es divsolucion y lo elimino con remove().

Ten en cuenta que si pulsas varias veces el botón y agregas varios <textarea>, la primera opción borrará todos al mismo tiempo ya que deja vacío el padre y la segunda opción los borrará uno a uno.

1

Con CSS?

.div{
    height: 50px;
    width: 50px;
    background: red;
    display: none;
}

.check:checked~.div {
    display: block
}
<input type="checkbox" class="check" checked="checked"> 

<div class="div"></div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.