Radio button checked event handling

Question

In my application  I need a radio group  in which whenever a radio-button is checked  an alert occur so that I can post it s value to ajax post with jQuery    Can you help me please how i can do it in jQuery

User · Answer

You can simply use the method change of JQuery to get the value of the current radio checked with the following code    document  on  change     type  quot radio quot     function         var currentlyValue     this  val       Get the radio checked value              alert  Currently value    currentlyValue      Show a alert with the current value      You can change the selector   type  quot radio quot    for a class or id that you want

User · Answer

Try something like this     function         input type  radio     click function        if    this  is   checked                alert   this  val                       If you give your radio buttons a class then you can replace the code    input type  radio     with     someclass

User · Answer

document  on  change    radio-button   function         const radio     this        if  radio is   checked            console log radio

User · Answer

expires1   click function         if  this checked          alert  testing

User · Answer

Update in 2017  Hey  This is a terrible answer  Don t use it  Back in the old days this type of jQuery use was common  And it probably worked back then  Just read it  realize it s terrible  then move on  or downvote or  whatever  to one of the other answers that are better for today s jQuery        input type radio    change function        alert     input type radio  name    this name        val

User · Answer

The HTML code    lt input type  radio  name  theName  value  1  id  option-1  gt   lt input type  radio  name  theName  value  2  gt   lt input type  radio  name  theName  value  3  gt    The Javascript code     document  ready function           input name  theName     change function            if     option-1   prop  checked                 alert  Option 1 is checked              else              alert  Option 1 is unchecked                             In multiple radio with name  theName   detect when option 1 is checked or unchecked  Works in all situations  on click control  use the keyboard  use joystick  automatic change the values from other dinamicaly function  etc

[jquery] Radio button checked event handling

Examples related to jquery

Examples related to radio-button

Examples related to checked