1

Tengo que limpiar los campos, o preferiblemente enviarles un espacio en blanco en comillas (""), al momento de presionar el botón Delete. Esto con el fin de dar una apariencia de eliminar y al volver al dar clic en el checkbox los campos aparezcan "limpios".

Este es mi código:

function action(){
document.getElementById("name").innerHTML = "";
document.getElementById("age").innerHTML = "";
document.getElementById('visita1').style.display = 'none';
}

function mas1() {
 if (document.getElementById('yesCheck1').checked) {
   document.getElementById('visita1').style.display = 'block';
  }
 else document.getElementById('visita1').style.display = 'none';
}
<input type="checkbox" onclick="javascript:mas1();" name="yesno" 
     id="yesCheck1" > Visita 1</td>
<div id="visita1" style="display:block">
<h1>This is a Heading</h1>
<input type="text" name="name" id="name" value="Pedro">
<input type="text" name="age" id="age" value="34">
<button onclick="action()">Delete</button>
</div>

Agradecería que me ayudaran con JavaScript, por que desconozco por completo JQuery.

2
  • 1
    usa value en vez de innerHTML
    – Kevin
    Commented el 28 jul. 2017 a las 13:23
  • ... Jajaja fue mas fácil de lo que pensaba. Gracias :D Commented el 28 jul. 2017 a las 13:24

1 respuesta 1

2

Utiliza value en vez de innerHtml ya que esto modifica el elemento en si:

   function action(){
     
     document.getElementById("name").value = "";
     document.getElementById("age").value = "";
     document.getElementById('visita1').style.display = 'none';
    
     }
     
     function mas1() {
         if (document.getElementById('yesCheck1').checked) {
             document.getElementById('visita1').style.display = 'block';
         }
         else document.getElementById('visita1').style.display = 'none';
         }
<input type="checkbox" onclick="javascript:mas1();" name="yesno" id="yesCheck1" > Visita 1
     <div id="visita1" style="display:block">
     <h1>This is a Heading</h1>
     <input type="text" name="name" id="name" value="Pedro">
     <input type="text" name="age" id="age" value="34">
     <button onclick="action()">Delete</button>
     </div>
     

2
  • Excelente. Gracias! Commented el 28 jul. 2017 a las 13:25
  • Me alegra que te haya ayudado. Si te sirvio, recuerda marcarla como aceptada.
    – Einer
    Commented el 28 jul. 2017 a las 13:25

Tu Respuesta

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

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