Find out whether radio button is checked with JQuery

Question

I can set a radio button to checked fine  but what I want to do is setup a sort of  listener  that activates when a certain radio button is checked    Take  for example the following code        element   click function              radio button   attr  checked    checked          it adds a checked attribute and all is well  but how would I go about adding an alert  For example  that pops up when the radio button is checked without the help of the click function

User · Answer

jQuery is still popular  but if you want to have no dependencies  see below  Short  amp  clear function to find out if radio button is checked on ES-2015    x000D   x000D  function getValueFromRadioButton  name    x000D    return     document getElementsByName name   x000D            reduce   rez  btn    gt   btn checked   btn value   rez   null  x000D    x000D   x000D  console log  getValueFromRadioButton  payment      x000D   lt div gt    x000D     lt input type  radio  name  payment  value  offline  gt  x000D     lt input type  radio  name  payment  value  online  gt  x000D     lt input type  radio  name  payment  value  part  checked gt  x000D     lt input type  radio  name  payment  value  free  gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

This will work in all versions of jquery    -- Check if there s no checked radio button if      radio button   is   checked       false         -- if none  Do something here        To activate some function when a certain radio button is checked     get it from your form or parent id     if      your form   find   name  quot radio name quot     is   checked       false               your form   find   name  quot radio name quot     filter   value     checked value        prop  checked   true          your html  x000D   x000D     document   ready function     var checked value    checked     if     your form   find   name  radio name     is   checked       false              your form            find   name  radio name              filter   value     checked value                 prop  checked   true               x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt form action    id  your form  gt     lt input id  user  name  radio name  type  radio  value  checked  gt           lt label for  user  gt user lt  label gt     lt input id  admin  name  radio name  type  radio  value  not this one  gt       lt label for  admin  gt Admin lt  label gt   lt  form gt  x000D   x000D   x000D

User · Answer

The solution will be simple  As you just need  listeners  when a certain radio button is checked  Do it  -  if     yourRadioButtonId   is   checked         Do your listener s stuff here

User · Answer

element   click function        if     radio button   is   checked      alert  it s checked

User · Answer

radio-button-class-name   is  checked   didn t work for me  but the next code worked well       if typeof     radio-button-class-name checked   val        undefined            radio button is checked

User · Answer

dynamic generated Radio Button Check radio get value      input radio name radiobuttonname checked   val         On change dynamic Radio button       input name   radioname     change function     if  this value    2     else

User · Answer

Another way is to use prop  jQuery    1 6       input type radio    click function          if   this  prop  checked      alert  checked

User · Answer

Try this   alert     radiobutton   0  checked

User · Answer

radio 1   prop  checked   true     For versions of jQuery prior to 1 6  use       radio 1   attr  checked    checked

User · Answer

Thanks guys    all I needed was the  value  of the checked radio button where each radio button in the set had a different id      var user cat      input name  user cat   checked   val      works for me

User · Answer

As Parag s solution threw an error for me  here s my solution  combining David Hedlund s and  Parag s    if      input name  name     is   checked         alert  Nothing is checked       else      alert  One of the radio buttons is checked         This worked fine for me

User · Answer

try this      if    input name  radiobutton   checked   length    0            alert  Radio buttons are not checked

User · Answer

ULTIMATE SOLUTION Detecting if a radio button has been checked using onChang method JQUERY  gt  3 6             input type radio  name YourRadioName    change     gt                alert  quot Hello quot         Getting the value of the clicked radio button  var radioval    input type radio  name YourRadioName  checked   val

User · Answer

You d have to bind the click event of the checkbox  as the change event doesn t work in IE       radio button   click function           if    this  is   checked    alert  is checked         alert  check-checky-check was changed          Now when you programmatically change the state  you have to trigger this event also       radio button   attr  checked    checked        radio button   click

User · Answer

If you have a group of radio buttons sharing the same name attribute and upon submit or some event you want to check if one of these radio buttons was checked  you can do this simply by the following code      document  ready function          submit button   click function         if      input name  name   checked   val             alert  Nothing is checked             return false            else         alert  One of the radio buttons is checked                       Source  jQuery API Ref

User · Answer

If you don t want a click function use Jquery change function      radio button  checked   live  change  function    alert  Something is checked           This should be the answer that you are looking for  if you are using Jquery version above 1 9 1 try to use on as live function had been deprecated

User · Answer

Check through class      if    input radio class  className     is   checked             write your code                Check through name  if    input radio name  Name     is   checked                 write your code                Check through data  if    input radio data-name  value     is   checked                 write your code

User · Answer

Working with all types of Radio Buttons and Browsers  if     radio button id   0  checked       alert  radiobutton checked     else     alert  not checked        Working Jsfiddle Here

[jquery] Find out whether radio button is checked with JQuery?

Examples related to jquery

Examples related to html

Examples related to jquery-ui

Examples related to checked