<!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>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (0)
No hay comentarios