Básico HTML forma radio boton
Objeto Radio Botón :
La siguiente sintasis podrá tomar el objeto Radio Button en javascript
Sintasis: document.formname.radioname
Código Ejemplo:
<form name=testform>
<input name=rb1 value=test type=radio>
<input name=rb2 value=test2 type=radio>
</form>
<script language="javascript">
var rbobject= document.testform.rb1;
</script>
El objeto cbobject es un array de un radio elements. Para usar el primer radio button, tenemos que llamar a un rbobject[0], para el segundo box será rbobject[1] y así sucesivamente. Aquí los eventos, propiedades y métodos asociados con los elemetos del Radio Button.
Captadores de Eventos: Asociado con Form type Radio Button:
Todos los ejemplos debajo usan una función javascript output
<script language=javascript>
function output()
{
alert("testeando eventos Radio Boton");
}
</script>
DOM Propiedades: :
Listado de Propiedades DOM (Dinámico Objeto Modelo) que pueden ser usados para tomar y alterar RadioButton propiedades en javascript.
Ejemplo basado en el formulario (forma)
<form name=testrb>
<input name=myrb1 type=radio value=xxx> Chequeando 1
<input name=myrb2 type=radio value=xxx> Chequeando 2
</form>
| DOM Propiedades | Descripción | Ejemplo |
| checked | Se utiliza para comprobar o seleccione RadioButton selección |
To Check:
var ss = document.testb.myrb[0].checked;
To Select:
document.testb.myrb[1].checked = true;
This will select second element.
|
| defaultChecked | Se utiliza para comprobar si es el botón de radio
marcada por defecto |
To Get:
var ss = document.testb.myrb[0].defaultChecked;
|
| form | Utilizado para conseguir el nodo del padre (objeto de la forma) de este RadioButton |
To Get:
var ss = document.testb.myrb[0].form;
|
| name | Utilizado para conseguir nombre del botón de radio |
To Get:
var ss = document.testb.myrb[0].name;
|
| type | Utilizado para conseguir el tipo de forma |
To Get:
var ss = document.testb.myrb[0].type;
|
| value | Utilizado para fijar o para conseguir el valor de RadioButton |
To Get:
var ss = document.testb.myrb[0].value;
To Set::
document.testb.myrb[0].value = "testy";
|
DOM Métodos:
Listado de Métodos DOM (Dinámico Objeto Modelo) que pueden ser utilizados para efectuar cambios dinámicos en la selección del usando javascript.
| DOM Método | Descripción | Ejemplo |
| click() | Utilizado para hacer dinámicamente un botón de radio comprobó |
To Click:
document.testb.myrb.click();
|
| blur() | Utilizado para hacer dinámicamente la falta de definición del botón de radio |
To Blur:
document.testb.myrb.blur();
|
| focus() | Utilizado para conseguir dinámicamente el foco en el botón de radio |
To Focus:
document.testb.myrb.focus();
|
Ejemplo: Realizando un Radio Button Seleccionando on Mouse Over
<script language=javascript>
function rbevent()
{
var xx = document.xx.rbtest;
xx.checked = true;
}
</script>
<form name=xx>
<input type=radio name=rbtest onMouseOver="rbevent()"> Chequeando
</form>
Resulta:
| 
Introducción
