JQuery How to get selected radio button value

Question

How do I default the value of a non-selected radio button to 0   I have the following HTML    lt input type  radio  name  myradiobutton  value  1    gt 1  lt input type  radio  name  myradiobutton  value  2    gt 2  lt input type  radio  name  myradiobutton  value  3    gt 3   And I have the following code to get the value of the selected radio button  var radio button value    input name myradiobutton  radio   click function    var value     this  val         Problem is  I want to default the value of radio button value to 0 in the event nothing is selected  How do I do that   I basically want to do the pseduo-code below  but this doesn t work   var radio button value    input name myradiobutton  radio   click function      if set   return   this  val    else   return 0        UPDATE  There appears to be confusion on what I m asking for   What I want to do when the page loads  before a user has had a chance to even select a radio button   I want a function that will return 0 for the radio button value   Then  once a user selected a radio button  that SAME function will return the selected value of the radio button   Make sense

User · Answer

input name myradiobutton  radio checked   will get you the selected radio button    input name myradiobutton  radio not  checked    will get you the unselected radio buttons  Using this you can do this     input name myradiobutton  radio not  checked    val  0      Update   After reading your Update I think I understand You will want to do something like this  var myRadioValue   function radioValue jqRadioButton     if  jqRadioButton length        myRadioValue   jqRadioButton val          else       myRadioValue   0           document  ready function           input name myradiobutton  radio   click function          Hook the click event for selected elements     radioValue    input name myradiobutton  radio checked              radioValue    input name myradiobutton  radio checked       check for value on page load

User · Answer

jQuery  input radio name myradiobutton  checked   val

User · Answer

Use the  checked selector to determine if a value is selected   function getRadioValue          if     input name myradiobutton  radio checked   length  gt  0             return    input name myradiobutton  radio checked   val              else           return 0            Update you can call the function above at any time to get the selected value of the radio buttons   You can hook into it on load and then whenever the value changes with the following events     document  ready  function            Value when you load the page for the first time        Will return 0 the first time it s called     var radio button value   getRadioValue            input name myradiobutton  radio   click  function                Will get the newly selected value         radio button value   getRadioValue

User · Answer

This work for me hope this will help  to get radio selected value you have to use ratio name as selector like this  selectedVal      input name  radio name   checked   val      selectedVal will have the required value   change the radio name according to yours  in your case it would b  myradiobutton   selectedVal      input name  myradiobutton   checked   val

User · Answer

Probably the best method  particularly if you want to be able to post a default value   would be to have a hidden radio button that starts out as selected and has your default value   So something like this    lt input type  radio  name  myradiobutton  value  0  checked  checked  style  display none     gt   lt input type  radio  name  myradiobutton  value  1    gt 1  lt input type  radio  name  myradiobutton  value  2    gt 2  lt input type  radio  name  myradiobutton  value  3    gt 3   If you can t modify your html directly  you could add it via script     function            input name myradiobutton  radio first   before   lt input type  radio  name  myradiobutton  value  0  checked  checked  style  display none     gt           Here s a demo of that  http   jsfiddle net Ender LwPCv

User · Answer

You should really be using checkboxes if there will be an instance where something isn t selected   according to the W3C     If no radio button in a set sharing the same control name is initially  on   user agent behavior for choosing which control is initially  on  is undefined  Note  Since existing implementations handle this case differently  the current specification differs from RFC 1866   RFC1866  section 8 1 2 4   which states       At all times  exactly one of the radio buttons in a set is checked  If none of the  elements of a set of radio buttons specifies  CHECKED   then the user agent must check the first radio button of the set initially       Since user agent behavior differs  authors should ensure that in each set of radio buttons that one is initially  on

User · Answer

It will start as soon as the page loads  You can keep it under some events  like button click      btn   click function      var val     input type  radio   checked   val

User · Answer

I know this is an old question but I find that the answers are not sufficent enough  The cleanest way to do this is to use this code      myRadio   click function     alert   this  val               -   Your form input data should look like this   lt input type  radio  value  40000  name  pay   class  myRadio    gt   lt label for  40000  gt 40000 lt  label gt

User · Answer

This Jquery method returns the default vale 0 when page loads        input type  radio   checked   val

User · Answer

To get the value of the selected Radio Button  Use RadioButtonName and the Form Id containing the RadioButton      input name radioName  checked     myForm   val     OR by only      form input type radio  checked   val

User · Answer

For radio buttons use the following script   var myRadio      input name meme wall share     var checkedValue   myRadio filter   checked   val

[javascript] JQuery: How to get selected radio button value?

Examples related to javascript

Examples related to jquery

Examples related to jquery-selectors