Código de JavaScript - Vaciar un cuadro de texto al seleccionar una opción de un radio button

Imágen de perfil

Vaciar un cuadro de texto al seleccionar una opción de un radio buttongráfica de visualizaciones


JavaScript

Publicado el 20 de Octubre del 2015 por xve
881 visualizaciones desde el 20 de Octubre del 2015. Una media de 21 por semana
Este código lo he desarrollado por una solicitud en el foro de JavaScript.

Lo que hace, es que al pulsar una opción de un "radio button" en concreto, elimina el value de un input

Versión 1.0

Actualizado el 21 de Octubre del 2015 (Creado el 20 de Octubre del 2015)gráfica de visualizaciones de la versión: Versión 1.0
882 visualizaciones desde el 20 de Octubre del 2015. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script>
		window.onload=function()
		{
			var elemento=document.getElementsByName("opcion");
			// Creamos el evento click para cada clic en todos los radio button
			if (elemento[0].addEventListener)
			{
				// Para todos los navegadores que siguen los estándares
				for(var i=0;i<elemento.length;i++)
					elemento[i].addEventListener("click", miFuncion, false);
			}else{
				// Como no, para nuestro amigo Microsoft...
				// Ellos siempre ayudando a los desarrolladores...
				for(var i=0;i<elemento.length;i++)
					elemento[0].attachEvent("onclick", miFuncion);
			}
 
			function miFuncion()
			{
				var opcion=document.getElementsByName("opcion");
				var seleccion="";
 
				// Recorremos todos los valores del radio button para encontrar el
				// seleccionado
				for(var i=0;i<opcion.length;i++)
				{
					if(opcion[i].checked)
						seleccion=opcion[i].value;
				}
 
				if(seleccion==2)
				{
					document.getElementById("texto").value="";
				}
			}
		}
	</script>
</head>
 
<body>
	<form>
		<p>
			<input type="radio" name="opcion" value="1"> no hace nada
			<input type="radio" name="opcion" value="2"> vaciar cuadro de texto
		</p>
		<p>
			<input type="text" name="texto" id="texto" value="texto de ejemplo">
		</p>
	</form>
</body>
 
</html>



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


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3315