How to set radio button selected value using jquery

Question

How to set radio button selected value in javascript   HTML Code     lt input type  radio  name  RBLExperienceApplicable  class  radio  value  1   gt    lt input type  radio  name  RBLExperienceApplicable  class  radio  value  0   gt     lt input type  radio  name  RBLExperienceApplicable2  class  radio  value  1   gt    lt input type  radio  name  RBLExperienceApplicable2  class  radio  value  0   gt    ASPX Code        lt asp RadioButtonList ID  RBLExperienceApplicable  runat  server  class  radio     RepeatDirection  Horizontal  EnableViewState  false  gt               lt asp ListItem Value  1  Text  Yes  amp nbsp  amp nbsp   gt  lt  asp ListItem gt                    lt asp ListItem Value  0  Text  No  gt  lt  asp ListItem gt           lt  asp RadioButtonList gt         lt asp RadioButtonList ID  RBLExperienceApplicable2  runat  server  class  radio   RepeatDirection  Horizontal  EnableViewState  false  gt               lt asp ListItem Value  1  Text  Yes  amp nbsp  amp nbsp   gt  lt  asp ListItem gt                    lt asp ListItem Value  0  Text  No  gt  lt  asp ListItem gt           lt  asp RadioButtonList gt       Some Code Fetch from db     Based on db value script block will execute    lt script type  text javascript  gt          RadionButtonSelectedValueSet  1      lt  script gt    Script Block        function RadionButtonSelectedValueSet SelectdValue            RBLExperienceApplicable   val SelectdValue                input name  RBLExperienceApplicable   checked   val SelectdValue

User · Accepted Answer

Try  function RadionButtonSelectedValueSet name  SelectdValue           input name      name      value      SelectdValue         prop  checked   true       also call the method on dom ready   lt script type  text javascript  gt  jQuery function        RadionButtonSelectedValueSet  RBLExperienceApplicable    1        lt  script gt

User · Answer

Can be done using the id of the element  example   lt label gt  lt input type  radio  name  travel mode   value  Flight  id  Flight  gt  Flight  lt  label gt   lt label gt  lt input type  radio  name  travel mode   value  Train  id  Train  gt  Train  lt  label gt   lt label gt  lt input type  radio  name  travel mode   value  Bus  id  Bus  gt  Bus  lt  label gt   lt label gt  lt input type  radio  name  travel mode   value  Road  id  Road  gt  Other  lt  label gt    js           selected  prop  checked  true

User · Answer

You can do more elegantly   function RadionButtonSelectedValueSet name  SelectedValue           input name      name        val  SelectedValue

User · Answer

If the selection changes  make sure to clear the other checks first  al la      x000D   x000D     input name      value id         attr  checked   false   x000D     input name      value id       value      thing value prop          attr  checked    true   x000D                  x000D   x000D   x000D

User · Answer

You can try this also  function SetRadiobuttonValue selectedValue          radio value      selectedValue         attr  checked    checked

User · Answer

lt asp RadioButtonList ID  rblRequestType  gt           lt asp ListItem Selected  True  Value  value1  gt Value1 lt  asp ListItem gt           lt asp ListItem Value  Value2  gt Value2 lt  asp ListItem gt     lt  asp RadioButtonList gt    You can set checked like this   var radio0       rblRequestType 0    var radio1       rblRequestType 1     radio0 checked   true  radio1 checked   true

User · Answer

document getElementById  TestToggleRadioButtonList   rows 0  cells 0  childNodes 0  checked   true    where TestToggleRadioButtonList is the id of the RadioButtonList

User · Answer

Below script works fine in all browser   function RadionButtonSelectedValueSet name  SelectdValue            input name      name       value      SelectdValue         attr  checked  true

User · Answer

for multiple dropdowns      id  RBLExperienceApplicable  value    SelectedVAlue       attr  checked   checked      here RBLExperienceApplicable is the matching part of the radio button groups input tag ids  and  id  RBLExperienceApplicable  matches all the radio button whose id start with RBLExperienceApplicable

User · Answer

A clean approach I find is by giving an ID for each radio button and then setting it by using the following statement   document getElementById  publicedit   checked   true

User · Answer

input name  RBLExperienceApplicable     prop  checked  true     Thanks dude

User · Answer

This is the only syntax that worked for me     input name  assReq   value      obj  AssociationReq           prop  checked    checked

User · Answer

lt input type  radio  name  RBLExperienceApplicable  class  radio  value  1  checked  gt             For Example it is checked   lt input type  radio  name  RBLExperienceApplicable  class  radio  value  0   gt     lt input type  radio  name  RBLExperienceApplicable2  class  radio  value  1   gt    lt input type  radio  name  RBLExperienceApplicable2  class  radio  value  0   gt              input type  radio      change function     on change radio buttons            alert  Test       if    input name RBLExperienceApplicable  checked   val            Testing value        input name RBLExperienceApplicable  checked   val  Your value Without Quotes                 http   jsfiddle net 6d6FJ 1      Demo

[javascript] How to set radio button selected value using jquery

Examples related to javascript

Examples related to jquery

Examples related to asp.net

Examples related to .net