jQuery set radio button

Question

I am trying to set a radio button  I want set it by using the value or the id   This is what I ve tried      input radio name cols        newcol  attr  checked  true     newcol is the id of the radio button   Maybe a little edit is in order   There are two sets of radio boxes one with cols and the other with rows  So I see the point in not using id s  My bad  So I have as an example    lt input type  radio  name  rows  class  listOfCols      style  width  50     value  Site  gt  lt  input gt    and    lt input type  radio  name  cols  class  listOfCols      style  width  50      value  Site  gt  lt  input gt    with the id s removed  and I need to set the correct one

User · Answer

Try this           newcol  attr  checked    checked      I ve had issues with attr  checked   true   so I tend to use the above instead   Also  if you have the ID then you don t need that other stuff for selection  An ID is unique

User · Answer

Why do you need  input radio name cols    Don t know your html  but assuming that ids are unique  you can simply do this         newcol  prop  checked   true

User · Answer

Since newcol is the ID of the radio button  You can simply use it as below         newcol  attr  checked  true

User · Answer

Combining previous answers      input name  cols     filter   value  Site     click

User · Answer

Using  filter   also works  and is flexible for id  value  name      input name  cols     filter   value  Site     attr  checked   true     seen on this blog

User · Answer

In your selector you seem to be attempting to fetch some nested element of your radio button with a given id  If you want to check a radio button  you should select this radio button in the selector and not something else      input radio name  cols     attr  checked    checked      This assumes that you have the following radio button in your markup    lt input type  radio  name  cols  value  1    gt    If your radio button had an id    lt input type  radio  name  cols  value  1  id  myradio    gt    you could directly use an id selector       myradio   attr  checked    checked

User · Answer

You can simply use      input name  cols     click

User · Answer

Your selector looks for the descendant of a input radio name cols  element that has the id of newcol  well the value of that variable    Try this instead  since you re selecting by ID anyway            newcol  prop  checked  true     Here is a demo  http   jsfiddle net jasper n8CdM 1   Also  as of jQuery 1 6 the perferred method of altering a property is  prop    http   api jquery com prop

User · Answer

You can try the following code      input name cols  value     value        attr  checked    checked      This will set the attribute checked for the radio columns and value as specified

User · Answer

The chosen answer works in this case   But the question was about finding the element based on radiogroup and dynamic id  and the answer can also leave the displayed radio button unaffected    This line does selects exactly what was asked for while showing the change on screen as well      input radio name cols  id    newcol       click

User · Answer

In my case  radio button value is fetched from database and then set into the form  Following code works for me     quot input name name of radio button fields  value  quot    saved value comes from database    quot   quot   prop  checked   true

User · Answer

I found the answer here  https   web archive org web 20160421163524 http   vijayt com Post Set-RadioButton-value-using-jQuery  Basically  if you want to check one radio button  you MUST pass the value as an array      input radio name cols    val   Site        input radio name rows    val   Site

[jquery] jQuery set radio button

Examples related to jquery

Examples related to radio-button