El último elemento que veremos es el de botón
de radio, los botones de radio sirven para elegir una de varias opciones. Ejemplo:
El código HTML es:
<form >
<input type="radio" name="R1" value="V1" checked >
Opción 1
<input type="radio" name="R1" value="V2">
Opción 2
<input type="radio" name="R1" value="V3">
Opción 3
<input type="radio" name="R1" value="V4">
Opción 4
<input type="radio" name="R1" value="V5">
Opción 5
</form> |
Si Observas cada una de las opciones tiene el mismo
nombre (name ="R1") debido a que éste es el nombre
del grupo, por lo que todas las opciones pertenecientes a un mismo grupo deben de llevar
el mismo nombre. Lo que cambia es el valor (value ="V1")
que sirve para diferenciar a cada elemento.
Uno de los procedimientos es el click ( ), cuya función es simular
lo que sucede cuando el usuario da click sobre un botón de radio.
document.Nombre_forma.Nombre_grupo[numero_elemento].click ( )
Ya sabes que debes de cambiar nombre_forma por el nombre de
tu formulario, nombre_grupo es el
nombre que tienen en común tus botones de radio (R1 en el
ejemplo) ahora, [
numero_elemento ] es el número de botón sobre el
cual el navegador simulará estar dando un click, los números empiezan desde 0,
el número va entre corchetes [ ] y se escribe todo esto inmediatamente
despues del nombre de grupo, sin dejar espacios y sin poner puntos. Ejemplo:
El código es el siguiente:
<form name="forma">
<input type="radio" value="V1" checked
name="grup">
Elemento 0
<input type="radio"name="grup" value="V2">
Elemento 1
<input type="radio" name="grup"value="V3">
Elemento 2
<input type="radio" name="grup" value="V4">
Elemento 3
<input type="button"
onclick="document.forma.grup[2].click ( )"
value="Click para dar click sobre el elemento 2" >
</form> |
Si quieres activar o desactivar un botón, utiliza el
mismo código de arriba, lo único que debes de modificar es el final que en lugar de ser click ( ) debe ser checked = true (false si deseas desactivar)
document.forma.grup[2].checked = true
(activa el botón 2)
document.forma.grup[2].checked = false
(desactiva el botón 2)
