html - seleccionado - ¿Cómo seleccionar un botón de radio por defecto?

radio button php ejemplo

Question

Esta pregunta ya tiene una respuesta aquí:

• Asignar un valor inicial al botón de radio como se verifica 7 respuestas

Tengo algunos botones de opción y quiero que uno de ellos se configure como seleccionado de forma predeterminada cuando se carga la página. ¿Cómo puedo hacer eso?

<input type="radio" name="imgsel" value="" />

Answer 1

Agregue este atributo:

checked="checked"

Answer 2

Casi lo consiguieron allí ... como una casilla de verificación, todo lo que tienes que hacer es agregar el atributo check = "check" como:

<input type="radio" checked="checked">

... y lo tienes

¡Aclamaciones!

Answer 3

Esto no responde exactamente a la pregunta, pero para cualquier persona que use AngularJS que intente lograr esto, la respuesta es ligeramente diferente. Y en realidad la respuesta normal no funcionará (al menos no lo hizo para mí).

Su html se verá bastante similar al botón de radio normal:

<input type=''radio'' name=''group'' ng-model=''mValue'' value=''first'' />First
<input type=''radio'' name=''group'' ng-model=''mValue'' value=''second'' /> Second

En su controlador, habrá declarado el mValue asociado con los botones de mValue . Para tener uno de estos botones de opción preseleccionados, asigne la variable $scope asociada con el grupo al valor de entrada deseado:

$scope.mValue="second"

Esto hace que el "segundo" botón de radio seleccionado al cargar la página.

EDITAR: Desde AngularJS 2.x

El enfoque anterior no funciona si está utilizando la versión 2.xy superior. En su lugar, use el atributo ng-checked como sigue:

<input type=''radio'' name=''gender'' ng-model=''genderValue'' value=''male'' ng-checked=''genderValue==male''/>Male
<input type=''radio'' name=''gender'' ng-model=''genderValue'' value=''female'' ng-checked=''genderValue==male''/> Female

Answer 4

Solución XHTML:

<input type="radio" name="imgsel" value="" checked="checked" />

Tenga en cuenta que el valor real del atributo checked no importa realmente; Es solo una convención para asignar "checked" . Lo más importante es que las cadenas como "true" o "false" no tienen ningún significado especial.

Si no apunta a la conformidad con XHTML, puede simplificar el código para:

<input type="radio" name="imgsel" value="" checked>

Answer 5

Utilice el atributo marcado.

<input type="radio" name="imgsel" value="" checked />

o

<input type="radio" name="imgsel" value="" checked="checked" />