How to select a radio button by default

Question

I have some radio buttons and I want one of them to be set as selected by default when the page is loaded  How can I do that    lt input type  radio  name  imgsel   value       gt

User · Answer

Add this attribute   checked  checked

User · Answer

Use the checked attribute    lt input type  radio  name  imgsel   value    checked   gt     or   lt input type  radio  name  imgsel   value    checked  checked    gt

User · Answer

They pretty much got it there    just like a checkbox  all you have to do is add the attribute checked  checked  like so     lt input type  radio  checked  checked  gt       and you got it   Cheers

User · Answer

XHTML solution    lt input type  radio  name  imgsel  value    checked  checked    gt    Please note  that the actual value of checked attribute does not actually matter  it s just a convention to assign  checked   Most importantly  strings like  true  or  false  don t have any special meaning   If you don t aim for XHTML conformance  you can simplify the code to    lt input type  radio  name  imgsel  value    checked gt

User · Answer

This doesn t exactly answer the question but for anyone using AngularJS trying to achieve this  the answer is slightly different  And actually the normal answer won t work  at least it didn t for me    Your html will look pretty similar to the normal radio button    lt input type  radio  name  group  ng-model  mValue  value  first    gt First  lt input type  radio  name  group  ng-model  mValue  value  second    gt  Second   In your controller you ll have declared the mValue that is associated with the radio buttons  To have one of these radio buttons preselected  assign the  scope variable associated with the group to the desired input s value    scope mValue  second    This makes the  second  radio button selected on loading the page    EDIT  Since AngularJS 2 x  The above approach does not work if you re using version 2 x and above  Instead use ng-checked attribute as follows    lt input type  radio  name  gender  ng-model  genderValue  value  male  ng-checked  genderValue     male   gt Male  lt input type  radio  name  gender  ng-model  genderValue  value  female  ng-checked  genderValue     female   gt  Female

[html] How to select a radio button by default?

Examples related to html

Examples related to radio-button