Definición de Radio button
Radio button (botón de opción). Elemento de las interfaces gráficas que permite elegir solo una opción dentro de un conjunto predefinido de alternativas. Al seleccionar un radio button, cualquier otro botón de opción del mismo grupo se deselecciona automáticamente, garantizando que solo haya una elección activa por vez.
Los radio buttons son ampliamente utilizados en la creación de formularios, encuestas y asistentes de configuración, donde es necesario que el usuario elija solo una opción entre varias posibles. Por ejemplo, al seleccionar el método de pago en una tienda en línea ("Tarjeta de crédito", "Transferencia bancaria" o "Pago en efectivo"), se utilizan radio buttons para asegurar que solo se pueda seleccionar una forma de pago.
Estos botones suelen estar agrupados dentro de un mismo contenedor o campo, lo que visualmente indica que las opciones están relacionadas. Cada radio button puede tener un valor asociado, facilitando la identificación de la opción elegida cuando se envía la información al servidor o sistema.
La personalización de los radio buttons es posible en cuanto a tamaño, color, forma y contenido. Es común utilizar imágenes o texto descriptivo para mejorar la usabilidad y accesibilidad. Por ejemplo, algunos formularios modernos reemplazan el círculo tradicional por íconos representativos de cada opción.
Ventajas:
- Garantizan la elección única entre varias opciones.
- Fáciles de entender y utilizar para el usuario.
- Fáciles de implementar en la mayoría de los lenguajes y frameworks de desarrollo web y de escritorio.
Desventajas:
- No permiten seleccionar múltiples opciones simultáneamente.
- En grupos con muchas opciones, pueden ocupar mucho espacio en la interfaz.
Comparación: A diferencia de las casillas de verificación (checkboxes), que permiten seleccionar varias opciones al mismo tiempo, los radio buttons limitan la selección a una sola alternativa dentro del grupo.
Resumen: Radio button
Un botón de opción es un elemento en una interfaz gráfica que permite elegir una única opción de un conjunto previamente definido. Al presionar un radio button, solo esa opción permanece seleccionada.
Más información en Botón de opción.
¿Qué es un radio button?
Un radio button es un componente de la interfaz gráfica que permite al usuario seleccionar una única opción exclusiva entre varias disponibles.
¿En qué se diferencia un radio button de una casilla de verificación?
Mientras que en una casilla de verificación pueden seleccionarse varias opciones simultáneamente, en un radio button solo puede seleccionarse una.
¿Cuál es el símbolo utilizado comúnmente para representar un radio button?
Un círculo vacío para las opciones no seleccionadas, y un círculo con un punto en el centro cuando la opción está seleccionada.
¿Cuál es el propósito de los radio button en una aplicación o sitio web?
Permiten a los usuarios realizar selecciones exclusivas y evitan errores al seleccionar más de una opción simultáneamente.
¿Pueden cambiar los radio button de estado una vez que se ha hecho una selección?
Sí, el usuario puede cambiar su selección eligiendo otra opción dentro del mismo grupo de radio buttons. Solo una opción permanece activa en todo momento.
¿Es posible personalizar la apariencia de los radio button?
Sí, el estilo y diseño de los radio button pueden ser modificados para adaptarse al diseño general de la aplicación o sitio web, utilizando hojas de estilo (CSS) o bibliotecas de componentes personalizadas.
| Elementos típicos de las interfaces gráficas de usuario (GUI) | |
Entrada de comandos |
Botón • Menú contextual • Menu (y Submenú) • Menú desplegable • Menú pastel (pie menu) • Menú hamburguesa |
Entada/salida de datos |
Casillero de verificación • Lista • Lista desplegable (combo box) • Botón de opción (radio button) • Cuadro de texto • Grid view (datagrid) • Botón de opción (Radio button) • Barra de desplazamiento (scrollbar) |
Informativos |
Icono • Barra de estado (status bar) • Globo de ayuda (ballon help) • Barra de progreso • Barra de título • Slider • Spinner • Caja de texto (Text box o Cuadro de texto) • HUD (heads-up) • Infobar • Etiqueta (label) • Splash screen • Throbber • Toast • Tooltip |
Contenedores |
Ventana • Acordeón • Ribbon • Disclosure widget (expansor o Combutcon) • Cuadro (frame/fieldset) • Barra de menú (menubar) • Panel • Panel lateral • Pestaña (tab) • Barra de herramientas |
De navegación |
Barra de direcciones • Breadcrumb • Hipervínculo • Vista de árbol (treeview) |
Ventanas especiales |
Acerca de (about box) • Cuadro de diálogo (dialog box) • Cuadro de diálogo de archivos • Inspector window • Modal window • Ventana de paleta |
Relacionados |
Widget |
Autor: Leandro Alegsa
Actualizado: 07-07-2025
¿Cómo citar este artículo?
Alegsa, Leandro. (2025). Definición de Radio button. Recuperado de https://www.alegsa.com.ar/Dic/radio_button.php
• Ver todas las Imágenes para Radio button |
