Algo como esto:¿Cómo puedo hacer un botón de radio HTML con un gran área de destino?
Cuando el usuario haga clic en cualquier área del botón y se seleccionaría ese botón de radio.
¿Alguna sugerencia?
Por lo que puedo decir, los botones de opción se cierran por sí solos y no pueden envolver a otros elementos.
La mejor manera es simplemente envolver el <input> en su <label>, como hacer clic en una etiqueta también tiene el efecto de centrar su entrada asociada:
<label>
<input name="transfer" type="radio">Bank Deposit
</label>
No Requiere Javascript: Demo: http://jsfiddle.net/GTGan/
Si necesita darle un estilo al texto de la etiqueta por separado, solo envuélvalo en un <span>.
Puede usar javascript para lograr este efecto dándole un evento onClick, o simplemente puede usar jQuery en combinación con algunos plugins. Preferiría esta solución para la compatibilidad entre navegadores.
¿Has probado con la etiqueta LABEL? Por motivos de accesibilidad, deberíamos usar etiquetas de etiquetas para asociar etiquetas para formar controles todo el tiempo. Esto no solo ayuda a unir las cosas para los lectores de pantalla, sino que también hace que la etiqueta y el control puedan hacer clic.
Usted puede leer un poco más de detalle y encontrar un ejemplo aquí: http://webaim.org/techniques/forms/screen_reader#labels
Veo que Wesley Murch me golpeó al golpe y lo extrañé LOL – ph33nyx
uso de rutina de carga, para crear botones alrededor de botones de radio:
<label class="btn btn-lg btn-default">
<input type="radio"> Something
</label>
Lo mejor de esta solución es que ** está disponible ** – zzzzBov
... y como extra: no es necesario un 'id' para su entrada o un 'para' para su etiqueta, está implícito. –