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

Resuelto jslearner asked hace 13 años • 5 respuestas

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

<input type="radio" name="imgsel"  value=""  /> 
jslearner avatar Apr 08 '11 15:04 jslearner
Aceptado

Solución XHTML:

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

Tenga en cuenta que el valor real del checkedatributo en realidad no importa; 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 busca la conformidad con XHTML, puede simplificar el código para:

<input type="radio" name="imgsel" value="" checked>
Shakti Singh avatar Apr 08 '2011 08:04 Shakti Singh

Utilice el atributo marcado.

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

o

<input type="radio" name="imgsel"  value="" checked="checked" /> 
mdm avatar Apr 08 '2011 08:04 mdm

Esto no responde exactamente a la pregunta, pero para cualquiera que use AngularJS y intente lograrlo, la respuesta es ligeramente diferente. Y, en realidad, la respuesta normal no funcionará (al menos no funcionó para mí).

Su html se verá bastante similar al botón de opción 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 lo mValueque está asociado con los botones de opción. Para tener uno de estos botones de opción preseleccionado, asigne la $scopevariable asociada con el grupo al valor de la entrada deseada:

$scope.mValue="second"

Esto hace que el "segundo" botón de opción se seleccione al cargar la página.

EDITAR: Desde AngularJS 2.x

El enfoque anterior no funciona si utiliza la versión 2.xy superior. En su lugar, utilice ng-checkedel 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 === female'/> Female
discodane avatar Nov 24 '2015 14:11 discodane

Agregue este atributo:

checked="checked"
Gerben Jacobs avatar Apr 08 '2011 08:04 Gerben Jacobs

Prácticamente lo tienen ahí... como una casilla de verificación, todo lo que tienes que hacer es agregar el atributo marcado="marcado" así:

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

...y lo tienes.

¡Salud!

Rohjay avatar Apr 08 '2011 08:04 Rohjay