javascript jquery radio button click

Question

I have 2 radio buttons and jquery running    lt input type  radio  name  lom  value  1  checked gt  first  lt input type  radio  name  lom  value  2  gt  second   Now  with a button I can set onClick to run a function   What is the way to make radio buttons run a function when I click on one of them

User · Answer

this should be good    document  ready function            input radio   change function            alert  ole

User · Answer

lt input type  radio  name  radio  value  creditcard    gt   lt input type  radio  name  radio  value  cash   gt   lt input type  radio  name  radio  value  cheque   gt   lt input type  radio  name  radio  value  instore   gt      input name  radio   checked   val

User · Answer

There are several ways to do this  Having a container around the radio buttons is highly recommended regardless  but you can also put a class directly on the buttons  With this HTML    lt ul id  shapeList  class  radioList  gt   lt li gt  lt label gt Shape  lt  label gt  lt  li gt   lt li gt  lt input id  shapeList 0  class  shapeButton  type  radio  value  Circular  name  shapeList    gt  lt label for  shapeList 0  gt Circular lt  label gt  lt  li gt   lt li gt  lt input id  shapeList 1  class  shapeButton  type  radio  value  Rectangular  name  shapeList    gt  lt label for  shapeList 1  gt Rectangular lt  label gt  lt  li gt   lt  ul gt    you can select by class       shapeButton   click SetShape     or select by container ID       shapeList   click SetShape     In either case  the event will trigger on clicking either the radio button or the label for it  though oddly in the latter case  Selecting by   shapeList    clicking on the label will trigger the click function twice for some reason  at least in FireFox  selecting by class won t do that   SetShape is a function  and looks like this    function SetShape         var Shape       shapeButton checked   val      dostuff     This way  you can have labels on your buttons  and can have multiple radio button lists on the same page that do different things  You can even have each individual button in the same list do different things by setting up different behavior in SetShape   based on the button s value

User · Answer

If you have your radios in a container with id   radioButtonContainerId you can still use onClick and then check which one is selected and accordingly run some functions       radioButtonContainerId input radio   click function         if    this  val        1           myFunction          else if    this  val        2           myOtherFunction

User · Answer

it is always good to restrict the DOM search  so better to use a parent also  so that the entire DOM won t be traversed       IT IS VERY FAST    lt div id  radioBtnDiv  gt     lt input name  myButton  type  radio  class  radioClass  value  manual  checked  checked   gt    lt input name  myButton  type  radio  class  radioClass  value  auto  checked  checked   gt   lt  div gt         input name  myButton        radioBtnDiv    change      function e                   your stuffs go here

User · Answer

You can use  change for what you want     input  name  lom     change function           Do something interesting here       as of jQuery 1 3  you no longer need the      Correct way to select is       input name  lom

[javascript] javascript jquery radio button click

Examples related to javascript

Examples related to jquery