Radio Button

El Grupo de Radio Buttons es un componente que permite al usuario seleccionar solo una opción dentro de un conjunto predefinido. Es ideal para decisiones exclusivas donde solo una respuesta es válida, como elegir un método de pago o una preferencia de idioma. Al seleccionar una opción, cualquier opción previamente seleccionada se desmarca automáticamente, asegurando una elección única.

Playground

Radio button 1

Radio button 2

Required

Disabled

Check

Helper Text

Readonly

Error

Tooltip para explicar disabled

Ruby

                    <%= simple_form_for 'select_test', url: '' do |f| %>
                      <%= f.input :name,
                                as: :radio_buttons,
                                collection: { "Radio button 1" => true },
                                label: false,
                                input_html: {
                                  checked: false
                                }
                      %>
                    <% end %>
                  

Html

<div class="form-group radio_buttons select_test_number">
    <span class="radio radio radio">
        <label>
            <input class="mr-2 radio_buttons" type="radio" value="true" name="select_test[number]" id="select_test_number_true">Radio button 1
        </label>
    </span>
</div>

Lista de parámetros

Propiedad	Tipo	Detalle
collection	Array	Array de radio buttons
checked	Boolean, default: false	Indica si el input debe iniciar seleccionado
disabled	Boolean, default: false	Indica si el input estará deshabilitado para su uso
hint	String	Indica el texto de ayuda en el campo de formulario
label	Boolean, default: false	Agrega un label adicional al radio button, debe estar deshabilitado
required	Boolean, default: false	Indica si el input es obligatorio para continuar
readonly	Boolean, default: false	Indica si el input estará en modo solo lectura
wrapper_html	Array	Propiedades html para el exterior del input
input_html	Hash	Permite agregar atributos HTML personalizados a los campos de formulario en Simple Form. Puede incluir clases, títulos y otros atributos estándar. Dentro de input_html, la clave data acepta otro Hash para definir atributos data-*, como data-toggle, data-placement o cualquier otro necesario para interacciones con JavaScript o Bootstrap.
title	String	es un atributo HTML que define un mensaje emergente al pasar el cursor sobre un elemento. En Simple Form, se usa dentro de input_html para establecer el contenido del tooltip.

Anatomía