Check whether specific radio button is checked

Question

I m having trouble after looking at the jQuery docs   I m just trying to return true false in one my my jquery methods depending on the check of a certain radiobutton and if it s selected or not  I ve tried several things but have not been able to get this right    lt input type  radio  runat  server  name  testGroup  id  test1    gt  lt label for   lt   test1 ClientID   gt   style  cursor hand  runat  server  gt Test1 lt  label gt   lt input type  radio  runat  server  name  testGroup  id  test2    gt  lt label for   lt   test2 ClientID   gt   style  cursor hand  runat  server  gt Test2 lt  label gt   lt input type  radio  runat  server  name  testGroup  id  test3    gt   lt label for   lt   test3 ClientID   gt   style  cursor hand  gt Test3 lt  label gt    and in my method I have this   return    input  name  test2   checked      I m getting an undefined on    input  name  test2   checked     UPDATED   example    lt input type  radio  runat  server  name  radioGroup   id  payPalRadioButton  value  paypalSelected    gt     this returns  undefined  still       input  name radioGroup  checked   attr  payPalRadioButton       If I try this  I get  false  even if I select the radio button      input radio name radioGroup  checked   val       paypalSelected

User · Accepted Answer

Your selector won t select the input field  and if it did it would return a jQuery object  Try this       test2   is   checked

User · Answer

1 You don t need the   prefix for attribute names any more   http   api jquery com category selectors attribute-selectors       Note  In jQuery 1 3   attr  style   selectors were removed  they were   previously deprecated in jQuery 1 2     Simply remove the         symbol from your   selectors in order to make them work   again    2 Your selector queries radio buttons by name  but that attribute is not defined in your HTML structure

User · Answer

I think you re using the wrong approach  You should set the value attribute of your input elements  Check the docs for  val   for examples of setting and returning the  val   of input elements   ie    lt input type  radio  runat  server  name  testGroup  value  test2    gt   return    input radio name testGroup  checked   val       test2

User · Answer

WHy bother with all of the fancy selectors  If you re using those id    attributes properly  then  test2  must be the only tag with that id on the page  then the  checked boolean property will tell you if it s checked or not   if     test2   checked                 You ve also not set any values for those radio buttons  so no matter which button you select  you ll just get a blank  testGroup   submitted to the server

User · Answer

Just found a proper working solution for other guys     x000D   x000D     Returns true or false based on the radio button checked x000D      test1   prop  checked   x000D   x000D   x000D     body   on  change   input type  radio    function      x000D  alert  Test1 checked           test1   prop  checked        Test2 checked           test2   prop  checked        Test3 checked           test3   prop  checked     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 input type  radio  runat  server  name  testGroup  id  test1    gt  lt label for   lt   test1 ClientID   gt   style  cursor hand  runat  server  gt Test1 lt  label gt  x000D   x000D   lt input type  radio  runat  server  name  testGroup  id  test2    gt  lt label for   lt   test2 ClientID   gt   style  cursor hand  runat  server  gt Test2 lt  label gt  x000D   x000D   lt input type  radio  runat  server  name  testGroup  id  test3    gt   lt label for   lt   test3 ClientID   gt   style  cursor hand  gt Test3 lt  label gt  x000D   x000D   x000D    and in your method you can use like  return     test2   prop  checked

User · Answer

You should remove the     before  name   it s not needed anymore  for current jQuery versions     You re want to return all checked elements with name  test2   but you don t have any elements with that name  you re using an id of  test2    If you re going to use IDs  just try   return     test2   attr  checked

User · Answer

input  name   lt   test2 ClientID  gt    checked      use this and here ClientID fetch random id created by  net

[jquery] Check whether specific radio button is checked

Examples related to jquery

Examples related to radio-button