Set selected radio from radio group with a value

Question

Why am I struggling with this   I have a value  5  How do I check the radio button of group  mygroup  with the value of 5      input name mygroup    val 5      doesn t work

User · Answer

input name  RadioTest   value  2     prop  checked   true    JS fiddle Demo

User · Answer

var key    Name radio   var val    value radio   var rdo        name      key          if  rdo attr  type       radio        each rdo  function  keyT  valT      if   valT value      trim val    amp  amp     trim val          amp  amp     trim val     null                   name      key       value       val          prop  checked   true

User · Answer

input name  mygroup   value  5     attr  checked   true

User · Answer

Or you can just write value attribute to it       radio value  lt yourvalue gt     attr  checked  true     This works for me

User · Answer

With the help of the attribute selector you can select the input element with the corresponding value  Then you have to set the attribute explicitly  using  attr    var value   5     input name mygroup  value     value        attr  checked    checked      Since jQuery 1 6  you can also use the  prop method with a boolean value  this should be the preferred method       input name mygroup  value     value        prop  checked   true     Remember you first need to remove checked attribute from any of radio buttons under one radio buttons group only then you will be able to add checked property   attribute to one of the radio button in that radio buttons group   Code To Remove Checked Attribute from all radio buttons of one radio button group -       name  radioSelectionName     removeAttr  checked

User · Answer

There is a better way of checking radios and checkbox  you have to pass an array of values to the val method instead of a raw value  Note  If you simply pass the value by itself  without being inside an array   that will result in all values of  mygroup  being set to the value      input name mygroup    val  5      Here is the jQuery doc that explains how it works  http   api jquery com val  val-value  And  val        also works with form elements like  lt input type  checkbox  gt    lt input type  radio  gt   and  lt option gt s inside of a  lt select gt        The inputs and the options having a value that matches one of the elements of the array will be checked or selected  while those having a value that don t match one of the elements of the array will be unchecked or unselected   Fiddle demonstrating this working  https   jsfiddle net 92nekvp3

User · Answer

input name  mygroup     val  5

User · Answer

When you change attribute value like mentioned above the change event is not triggered so if needed for some reasons you can trigger it like so      input name video radio  value      r data video radio                 prop  checked   true          trigger  change

User · Answer

Pure JavaScript version    document querySelector  input name  myradio   value  5     checked   true

User · Answer

Try this      input radio name  mygroup   value  5     attr  checked  true     JS Fiddle demo

[jquery] Set selected radio from radio group with a value

Examples related to jquery