Spanish
Sign in / Sign up

Javascript Objeton Radio Botón

Como cambiar una selección en un Radio Button usando javascript?
O
cuáles son los eventos asociados con RadioButton?

Explicación

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, propieresp_codedes 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>
Tratante de acontecimiento Descripción Ejemplo
onMouseOver Esta se invoca cuando el ratón se mueve sobre el botón de radio <input type=radio onMouseOver="output()">
Resulta: CB1
onMouseDown Esta se invoca cuando el ratón se pulsa sobre el RadioButton <input type=radio onMouseDown="output()">
Resulta: CB1
onMouseUp Esta se invoca cuando el ratón se pulsa en la radio y puestos en libertad <input type=radio onMouseUp="output()">
Resulta: CB1
onClick Esta se invoca cuando un clic del ratón se realiza en la radio <input type=radio onClick="output()">
Resulta: CB1
onBlur Ejecuta código cuando el Botón de Radio pierde foco usando lengüeta <input type=radio onBlur="output()">
Resulta: CB1
onFocus Ejecuta código cuando el botón recibe el foco usando lengüeta <input type=radio onFocus="output()">
Resulta: CB1

DOM Propieresp_codedes: :
Listado de Propieresp_codedes DOM (Dinámico Objeto Modelo) que pueden ser usados para tomar y alterar RadioButton propieresp_codedes 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 Propieresp_codedes 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 marcaresp_code 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:
Chequeando

AnteriorSiguiente

Java-Script Tutoriel