jQuery click event on radio button doesn t get fired

Question

I ve got the following code to trigger a click event on some radio buttons  but it doesn t get fired  can any one help me with this    CODE        inline content input name  type     click function        if    input radio name type  checked   val       walk in                select-table  gt   roomNumber   attr  enabled  false                RADIO BUTTONS   lt form class  type  gt   lt input type  radio  name  type  checked  checked  value  guest  gt In House lt  input gt   lt input type  radio  name  type  value  walk in  gt Walk In lt  input gt   lt  form gt     Update  Tried onChange   too but not working

User · Accepted Answer

It fires  Check demo http   jsfiddle net yeyene kbAk3       inline content input name  type     click function        alert  You clicked radio         if    input radio name type  checked   val       walk in            alert    input radio name type  checked   val                   select-table  gt   roomNumber   attr  enabled  false

User · Answer

Personally  for me  the best solution for a similar issue was   HTML   lt input type  radio  name  selectAll  value  true    gt   lt input type  radio  name  selectAll  value  false    gt    JQuery  var  selectAll       input radio name selectAll           selectAll on   change   function              console log   selectAll        this  val                  or          alert   selectAll        this  val                 The event  click  can work in place of  change  as well   Hope this helps

User · Answer

There are a couple of things wrong in this code    You re using  lt input gt  the wrong way  You should use a  lt label gt  if you want to make the text behind it clickable  It s setting the enabled attribute  which does not exist  Use disabled instead  If it would be an attribute  it s value should not be false  use disabled  disabled  or simply disabled without a value  If checking for someone clicking on a form event that will CHANGE it s value  like check-boxes and radio-buttons   use  change   instead    I m not sure what your code is supposed to do  My guess is that you want to disable the input field with class roomNumber once someone selects  Walk in   and possibly re-enable when deselected   If so  try this code   HTML    lt form class  type  gt       lt p gt           lt input type  radio  name  type  checked  checked  id  guest  value  guest    gt           lt label for  guest  gt In House lt  label gt       lt  p gt       lt p gt           lt input type  radio  name  type  id  walk in  value  walk in    gt           lt label for  walk in  gt Walk in lt  label gt       lt  p gt       lt p gt           lt input type  text  name  roomnumber  class  roomNumber  value  12345    gt       lt  p gt   lt  form gt    Javascript      form input radio   change function          if    this  val       walk in                Disable your roomnumber element here             roomNumber   attr  disabled    disabled          else              Re-enable here I guess             roomNumber   removeAttr  disabled                I created a fiddle here  http   jsfiddle net k28xd 1

User · Answer

A different way      inline content input name  type     change function          if    this  val       walk in   amp  amp    this  is   checked                  select-table  gt   roomNumber   attr  enabled   false               Demo - http   jsfiddle net cB6xV

User · Answer

put ur js code under the form html or use   document  ready function      and try this       inline content input type  radio     click function                    if   this  val       walk in                        alert  ok

User · Answer

Seems like you re  inline content isn t there  Remove the jQuery-Selector or check the parent elements  maybe you have a typo or forgot to add the id     made you a jsfiddle  works after adding a parent  lt div id  inline content  gt   http   jsfiddle net J5HdN

[javascript] jQuery click event on radio button doesn't get fired

Examples related to javascript

Examples related to jquery