Hola a todos
Estoy intentando presentar en pantalla un formulario de 4 lineas con control de boton radio, para seleccionar una de ellas.
Y que se pueda seleccionar haciendo click con el ratón en toda su linea, no solo haciendo click justo en el boton.
Supongo que es con alguna función que se active con el onclik en el div de esa linea, pero no se hacerlo.
He llegado a hacer que la linea cambie de color al pasar por encima el puntero del ratón, utilizando el onmouseover y el onmouseout.
¿Alguien podría ayudarme? Muchas gracias
El código que he hecho es:
<html>
<head>
<title>Control radio mejorado</title>
</head>
<body>
<form action="FORMULARIO_control_radio_mejoradob.php" method="post">
<div onmouseover="this.style.backgroundColor='lightblue'" onmouseout="this.style.backgroundColor=''" >
<input type="radio" name="radio1" value="respuesta1" name="linea1"> Linea1
</div>
<div onmouseover="this.style.backgroundColor='lightblue'" onmouseout="this.style.backgroundColor=''" >
<input type="radio" name="radio1" value="linea2" >Linea2
</div>
<div onmouseover="this.style.backgroundColor='lightblue'" onmouseout="this.style.backgroundColor=''" >
<input type="radio" name="radio1" value="respuesta3">Linea3
</div>
<div onmouseover="this.style.backgroundColor='lightblue'" onmouseout="this.style.backgroundColor=''" >
<input type="radio" name="radio1" value="respuesta4">Linea2
</div>
<br>
<input type="submit" name="Confirmar" value="Enviar Respuesta">
</form>
</body>
</html>
Tema: JavaScript ¿Cómo Seleccionar control radio con click en su linea fuera de boton? (Leído 2260 veces)
RSS -
WAP2