2011-01-13 22 views
25

Por lo que he reunido, con el fin de hacer una etiqueta de un hacer clic en el botón de radio, debe asignar el mismo "nombre" valor de atributo a ambos elementos.grupos de radio con la etiqueta se puede hacer clic

El problema que estoy teniendo es cuando se tiene más de un botón de radio, por ejemplo un "o no si" selección del tipo. Para llegar a donde si hace clic en uno, el otro desactiva es que el atributo "nombre" de ambos botones de radio tiene que ser del mismo valor.

¿Es posible hacer ambas cosas?

<label for="no">No</label> 
<input type="radio" name="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="yes" value="yes" /> 

Respuesta

44

id (no nombrar) atributo debería ser referidos por el atributo de etiqueta for. Debería ser así: http://jsfiddle.net/zzsSw/

<label for="no">No</label> 
<input type="radio" name="mygroup" id="no" value="no" /> 

<label for="yes">Yes</label> 
<input type="radio" name="mygroup" id="yes" value="yes" /> 
+1

tiene sentido. ¿Ahora puedo asignar el nombre correcto para ambos elementos? http://jsfiddle.net/zzsSw/1/ –

37

También puede escribir las etiquetas sin ID:

<label> 
    <input type="radio" name="mygroup" /> 
    My clickable caption 
</label> 

o casilla

<label> 
    <input type="checkbox" name="mygroup[]" /> 
    My clickable caption 
</label> 
+5

Esta respuesta es mejor que la mía. – Ish

+0

No estoy de acuerdo con que sea mejor. Si tiene que admitir IE antiguo, los elementos con nombres se pueden encontrar mediante 'document.getElementById', que buscará tanto ID como nombres. Consulte http://msdn.microsoft.com/en-us/library/ie/ms536437(v=vs.85).aspx debajo de Comentarios. Si IE7 o por debajo sigue siendo un objetivo para usted (incluso si estás de apoyo IE10, pero en IE7 modo estándar, etc), que debería guardar nombres y los identificadores de estos elementos. –

+0

Escribí un montón de HTML como este y ahora me arrepiento de haberlo hecho. No veo ninguna forma obvia de reubicar programáticamente el título, p. Ej. un diseño de mesa. – Cuadue

Cuestiones relacionadas