In jQuery how do I get the value of a radio button when they all have the same name

Question

Here is my code    lt table gt      lt tr gt         lt td gt Sales Promotion lt  td gt         lt td gt  lt input type  radio  name  q12 3  value  1  gt 1 lt  td gt         lt td gt  lt input type  radio  name  q12 3  value  2  gt 2 lt  td gt         lt td gt  lt input type  radio  name  q12 3  value  3  gt 3 lt  td gt         lt td gt  lt input type  radio  name  q12 3  value  4  gt 4 lt  td gt         lt td gt  lt input type  radio  name  q12 3  value  5  gt 5 lt  td gt      lt  tr gt   lt  table gt   lt button id  submit  gt submit lt  button gt    Here is JS     function            submit   click function                  alert    input name q12 3    val                    Here is JSFIDDLE  Every time I click button it returns 1  Why  Can anyone help me

User · Answer

use this script     input name q12 3    is   checked

User · Answer

In your code  jQuery just looks for the first instance of an input with name q12 3  which in this case has a value of 1  You want an input with name q12 3 that is  checked    x000D   x000D      submit   click      gt    x000D    const val      input name q12 3  checked   val    x000D    alert val   x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   x000D   lt table gt  x000D     lt tr gt  x000D       lt td gt Sales Promotion lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  1  gt 1 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  2  gt 2 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  3  gt 3 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  4  gt 4 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  5  gt 5 lt  td gt  x000D     lt  tr gt  x000D   lt  table gt  x000D   lt button id  submit  gt submit lt  button gt  x000D   x000D   x000D    Note that the above code is not the same as using  is   checked    jQuery s is   function returns a boolean  true or false  and not  an  element s      Because this answer keeps getting a lot of attention  I ll also include a vanilla JavaScript snippet    x000D   x000D  document querySelector   submit   addEventListener  click        gt    x000D    const val   document querySelector  input name q12 3  checked   value  x000D    alert val   x000D      x000D   lt table gt  x000D     lt tr gt  x000D       lt td gt Sales Promotion lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  1  gt 1 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  2  gt 2 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  3  gt 3 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  4  gt 4 lt  td gt  x000D       lt td gt  lt input type  radio  name  q12 3  value  5  gt 5 lt  td gt  x000D     lt  tr gt  x000D   lt  table gt  x000D   lt button id  submit  gt submit lt  button gt  x000D   x000D   x000D

User · Answer

There is another way also  Try below code    document  ready function              input name  gender     on  click   function                 alert   this  val

User · Answer

input radio name q12 3  checked   val

User · Answer

DEMO   https   jsfiddle net ipsjolly xygr065w     function            submit   click function                  alert    input radio checked   val

User · Answer

in your selector  you should also specify that you want the checked radiobutton     function            submit   click function                  alert    input name q12 3  checked   val

User · Answer

You might want to change selector       input name q12 3  checked   val

[javascript] In jQuery, how do I get the value of a radio button when they all have the same name?

Examples related to javascript

Examples related to jquery