jQuery – Desactivar (sólo lectura) Todo Campo de entrada de carga de la página usando jQuery.

IncludeHelp
09 de agosto de el año 2016

hacer toda la entrada de texto Los campos de sólo lectura, Desactivar todas las entradas de los campos de texto usando jQuery en la carga de la página – En este fragmento de código, nos aprender a hacer de entrada de campo de texto junto con el campo Área de texto usando jQuery al cargar la página.

En este ejemplo estamos mostrando el nombre, edad y dirección. Nombre y edad está mostrando en la caja de entrada de texto y dirección está exhibiendo en el campo Área de texto. Cuando se carga la página, jQuery se activará y hacer todos los campos de introducción de texto de sólo lectura (desactivado).

jQuery Fragmento de código – Desactivar (de sólo lectura) todas las entradas de los campos de texto usando jQuery en la carga de la página

jQuery / JavaScript

<script>
$(document).ready(function(){

$('#form1 input[type="text"]').prop("disabled", true);

$('#form1 #txtAddress').prop("disabled", true);
});
</script>

Código fuente HTML con jQuery / JavaScript

<!--jQuery - Disable (Read Only)  All Input Field on Page Load using jQuery.-->
<html>
<head>
<title>jQuery - Disable (Read Only) All Input Field on Page Load 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(){

$('#form1 input[type="text"]').prop("disabled", true);

$('#form1 #txtAddress').prop("disabled", true);
});
</script>
</head>
<body>
<h1>jQuery - Disable (Read Only) All Input Field on Page Load using jQuery.</h1>
<form id="form1">
<table border="0px">
<tr>
<td>Name</td>
<td><input type="text" id="txtName" style="width:200px;" value="Mike"/></td>
</tr>
<tr>
<td>Age</td>
<td><input type="text" id="txtAge" style="width:50px;" value="23"/></td>
</tr>
<tr>
<td>Address</td>
<td><textarea id="txtAddress" cols="40" rows="5">H6, CA, USA</textarea></td>
</tr>
</table>
</form>
</body>
</html>

Resultado

jQuery - Disable (Read Only) All Input Field on Page Load using jQuery. - 4

Haga clic class DEMO y rarr;


Deja un comentario

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