Código de JavaScript - habilitar, deshabilitar casilla de texto según selección en un checkbox

Imágen de perfil

habilitar, deshabilitar casilla de texto según selección en un checkboxgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Junio del 2017 por Xavi
1.179 visualizaciones desde el 16 de Junio del 2017. Una media de 21 por semana
Código que muestra como habilitar y deshabilitar un cuadro de texto (input type="text") según la sección de un checkbox.

Versión 1.0
estrellaestrellaestrellaestrellaestrella(1)

Actualizado el 21 de Agosto del 2017 (Publicado el 16 de Junio del 2017)gráfica de visualizaciones de la versión: Versión 1.0
1.180 visualizaciones desde el 16 de Junio del 2017. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Este código es una modificación del código: http://www.lawebdelprogramador.com/codigo/JavaScript/2471-habilitar-deshabilitar-combos-segun-seleccion-en-un-checkbox.html
pero en vez de utilizar un combo, se utiliza un cuadro de texto.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta title="habilitar, deshabilitar combos según selección en un checkbox">
 
	<script>
		function habilitar(value)
		{
			if(value==true)
			{
				// habilitamos
				document.getElementById("entrada").disabled=false;
			}else if(value==false){
				// deshabilitamos
				document.getElementById("entrada").disabled=true;
			}
		}
	</script>
</head>
 
<body>
<form>
	<h1>habilitar, deshabilitar casilla de texto según selección en un checkbox</h1>
	<div>
		<input type="checkbox" id="check" onchange="habilitar(this.checked);" checked> Habilitar/Deshabilitar
	</div>
	<div>
		<input type="text" id="entrada">
	</div>
</form>
</body>
</html>



Comentarios sobre la versión: Versión 1.0 (1)

Imágen de perfil
kip
16 de Junio del 2017
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4025  
Revisar política de publicidad