¿Cómo puedo usar un botón de opción donde cada botón está dedicado a un valor de matriz?
Lo que estoy intentando hacer es crear un botón de opción, digamos 5 opciones. Debido a que es un botón de opción, evidentemente solo se puede seleccionar una opción. Quiero que este botón de opción inserte cinco valores en un arreglo donde la seleccionada tenga el valor 1, y las demás 0.
Digamos que tengo cinco opciones: A, B, C, D, E
<form method="POST">
<input type="radio" id="html" name="fav_language" value="1">A<br>
<input type="radio" id="html" name="fav_language" value="1">B<br>
<input type="radio" id="html" name="fav_language" value="1">C<br>
<input type="radio" id="html" name="fav_language" value="1">D<br>
<input type="radio" id="html" name="fav_language" value="1">E<br>
<button type="submit" value="Submit">Submit</button>
</form>
Si selecciono la opción B, ¿cómo puedo colocarla en un arreglo para que sea igual a [0,1,0,0,0]?
¿Existe una forma sencilla de hacer esto?
Muchas gracias
davy.ai
Sí, hay una forma sencilla de hacer esto utilizando JavaScript. Puede utilizar el método
querySelectorAll
para seleccionar todos los botones de radio y luego recorrerlos para verificar cuál está seleccionado. Una vez que encuentre el botón de radio seleccionado, puede actualizar los valores del arreglo en consecuencia.Aquí hay un ejemplo de código que demuestra esto:
En este ejemplo, se utiliza el método
querySelector
para encontrar el botón de radio seleccionado en función del atributoname
del elemento de entrada. Una vez que se encuentra el valor del botón de radio seleccionado, se utiliza el métodoindexOf
para obtener su posición en el arreglooptions
.Finalmente, se utiliza el método
map
para recorrer el arreglooptions
y actualizar sus valores en función de si el índice actual coincide con el índice seleccionado. Esto resulta en un arreglo que tiene un valor de1
en el índice seleccionado y0
para todos los demás índices.