jQuery – Borrar todo de entrada: Campos de texto en clic de botón usando jQuery

Borrar todas las entradas: campos de texto utilizando jQuery – En este fragmento de código, vamos a aprender cómo borrar todos los campos de entrada como el tipo de entrada de texto (cuadro de entrada) y el campo TextArea en clic de botón.

Cuando diseñamos una forma, habrá un botón de “Borrar” que va a borrar todos los cuadros de texto de entrada y teatarea campo, en este ejemplo nos proporciona la solución a través de jQuery. jQuery se llevará a cabo en el botón (Borrar) clic y borrar todos los cuadros de texto de entrada junto con el campo de área de texto.

Código jQuery fragmentos – Claro de entrada: Campos de texto en clic de botón usando jQuery

jQuery / JavaScript

<script>
$(document).ready(function(){
$('#btnClear').click(function(){
if(confirm("Want to clear?")){

$('#form1 input[type="text"]').val('');

$('#form1 #txtAddress').val('');
}
});
});
</script>

Código fuente HTML con jQuery / JavaScript

<!--jQuery - Clear All Input:TextFields on Button Click using jQuery.-->
<html>
<head>
<title>jQuery - Clear All Input:TextFields on Button Click using jQuery.</title>
<!--Example CSS-->
<link href="ExampleStyle.css" type="text/css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(document).ready(function(){
$('#btnClear').click(function(){
if(confirm("Want to clear?")){

$('#form1 input[type="text"]').val('');

$('#form1 #txtAddress').val('');
}
});
});
</script>
</head>
<body>
<h1>jQuery - Clear All Input:TextFields on Button Click using jQuery.</h1>
<form id="form1">
<table border="0px">
<tr>
<td>Enter Name</td>
<td><input type="text" id="txtName" style="width:200px;"/></td>
</tr>
<tr>
<td>Enter Age</td>
<td><input type="text" id="txtAge" style="width:50px;"/></td>
</tr>
<tr>
<td>Enter Address</td>
<td><textarea id="txtAddress" cols="40" rows="5"></textarea></td>
</tr>
<tr>
<td></td>
<td>
<input type="button" id="btnSubmit" value="Submit"/>
<input type="button" id="btnClear" value="Clear"/>
</td>
</tr>
</table>
</form>
</body>
</html>

Resultado

jQuery - Clear All Input:TextFields on Button Click using jQuery - 4
clic for DEMO y rarr;


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *