¿Cómo seleccionar un botón de opción de forma predeterminada? [duplicar]
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="" />
Solución XHTML:
<input type="radio" name="imgsel" value="" checked="checked" />
Tenga en cuenta que el valor real del checked
atributo 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>
Utilice el atributo marcado.
<input type="radio" name="imgsel" value="" checked />
o
<input type="radio" name="imgsel" value="" checked="checked" />
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 mValue
que está asociado con los botones de opción. Para tener uno de estos botones de opción preseleccionado, asigne la $scope
variable 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-checked
el 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
Agregue este atributo:
checked="checked"
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!