Pregunta ¿Cómo seleccionar un botón de opción de forma predeterminada? [duplicar]


Esta pregunta ya tiene una respuesta aquí:

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=""  /> 

544
2018-04-08 08:18


origen


Respuestas:


Solución XHTML:

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

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

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

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

878
2018-04-08 08:19



Use el atributo marcado.

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

o

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

88
2018-04-08 08:19



Esto no responde exactamente la pregunta, pero para cualquiera que use AngularJS tratando de lograr esto, la respuesta es ligeramente diferente. Y, de hecho, 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 tu controlador habrás declarado el mValue que está asociado con los botones de radio. Para tener uno de estos botones de radio preseleccionados, asigne el $scope variable asociada con el grupo al valor de la entrada deseada:

$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 ng-checked atributo de la siguiente manera:

<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

67
2017-11-24 14:46



Agrega este atributo:

checked="checked"

24
2018-04-08 08:20



Casi lo tienen ahí ... al igual que una casilla de verificación, todo lo que tienes que hacer es agregar el atributo checked = "checked" como sigue:

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

... y lo tienes.

¡Aclamaciones!


15
2018-04-08 08:23