¿Cómo interpretar los botones de radio en javascript para la programación html5 y css3

Obtener información de un grupo de botones de opción de javascript requiere una técnica ligeramente diferente para su página de HTML 5 que la mayoría de los elementos del formulario. A diferencia de la seleccionar objeto, no hay ningún objeto contenedor que puede devolver un valor simple. Tampoco se puede ir a través de cada botón de radio en la página ya que puede tener más de un grupo. (Imagínese una página con una prueba de opción múltiple).

Video: Tutorial javascript parte 23 - Inputs radio y checkbox

Este problema es donde el atributo entra en acción. Aunque carné de identidads debe ser único, múltiples elementos de una página pueden tener el mismo nombre. Si lo hacen, se puede tratar a estos elementos como una matriz.

Mire sobre el código para ver cómo funciona:

 // radioGroup.htmlfunction de pelea) {var arma (= document.getElementsByName ("arma") -para (i = 0- i lt; weapon.length- i ++) {currentWeapon = arma [i] -Si (currentWeapon.checked) {var selectedWeapon = currentWeapon.value-} // fin if} // fin forvar salida = document.getElementById ("salida") Respuesta -VAR = "
Has derrotado al dragón con una "-response + = selectedWeapon + "
 norte"-output.innerHTML = response-} function final //

Video: Reproductor de Audio en HTML5 [Parte 1: HTML]

Este código tiene una diferencia astuto:

• Usa getElementsByName para recuperar una matriz de elementos con este nombre. Tenga en cuenta que es plural ya que esta herramienta se utiliza para extraer un conjunto de elementos. Se devuelve una matriz de elementos. (En este caso, todos los botones de opción del grupo.)

• Se trata el resultado como una matriz. La variable resultante es una matriz. Como de costumbre, lo más común que ver con matrices es procesarlos con bucles. Usar una para bucle al paso a través de cada elemento de la matriz.

  Video: Programacion Web #5 Como poner una Cancion en HTML5 [HTML5, CSS, javascript]

• Asignar a cada elemento de la matriz a currentWeapon. Esta variable contiene una referencia al botón de radio actual.

  Video: Validaciones de Formulario y RadioButtons con javascript

• Comprobar para ver si se comprueba el arma actual. los comprobado propiedad indica si se comprueba cualquier botón de radio.

• Si es así, conservar el valor del botón de opción. Si se marca un botón de radio, su valor es el valor actual del grupo, por lo almacena en una variable para su uso posterior.

• Salida de los resultados. Ahora puede procesar los resultados como lo haría con los datos de cualquier otro recurso.