Seleccionar control radio haciendo click en su linea, fuera del boton
Publicado por Luis (1 intervención) el 10/02/2017 21:44:15
Hola a todos
Estoy intentando presentar en pantalla un formulario con control de boton radio 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:
Estoy intentando presentar en pantalla un formulario con control de boton radio 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:
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
<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>
Valora esta pregunta
0
