2010-01-19 23 views
6

¿Alguien puede decirme cómo aplicar el nombre del grupo a los controles del botón de selección html (entrada) para que pueda seleccionar cualquiera de los botones de opción disponibles?¿Cómo aplicar el nombre de grupo a los botones de radio HTML en asp.net?

Tengo radios de entrada en una tabla. Cada fila contiene dos radios de la siguiente manera. Quiero seleccionar uno de cada fila. Pero puedo seleccionar solo un botón de opción entre todos los botones de opción presentes en todas las filas.

<input name="radiobutton" type="radio" value="radiobutton" />Option1 
<input name="radiobutton" type="radio" value="radiobutton" />Option2 

¿Qué cambio debo hacer para seleccionar un botón de opción en cada fila?

Gracias, ~ Kaps

+0

¿Está diciendo que ambos pueden ser seleccionados al mismo tiempo? –

+0

¿Tienen intencionalmente los dos botones de opción el mismo valor? Eso podría ser parte del problema ... – Eilon

+0

El otro botón de opción se selecciona si hago clic en él, aunque hemos seleccionado el restante. –

Respuesta

8

Por lo que yo sé, botones de radio en HTML no contamos con los nombres de grupo. Su atributo de "nombre" HTML es el nombre del grupo.

Es importante verificar que cada botón de radio tenga un atributo único de "valor". De lo contrario no hay forma de saber cuál de los valores duplicados se seleccionó:

<input name="radiobutton" type="radio" value="radiobutton1" />Option1 
<input name="radiobutton" type="radio" value="radiobutton2" />Option2 
4

Este ejemplo le permite elegir sólo un botón de radio por cada fila de la tabla. Debe dar a todos los botones de opción el mismo Nombre = para crear un grupo mutuamente exclusivo de ellos.

<form> 

<table> 
<tr><td> 
    <!-- Can choose only one of these two. --> 
    <input name="group1" type="radio" value="1a" />Option1 
    <input name="group1" type="radio" value="1b" />Option2 
</td></tr> 
<tr><td> 
    <!-- Can choose only one of these two. --> 
    <input name="group2" type="radio" value="2a" />Option1 
    <input name="group2" type="radio" value="2b" />Option2 
</td></tr> 
</table> 

</form> 
+0

Esto resolvió mi problema Muchas gracias. –

Cuestiones relacionadas