Disabling radio buttons with jQuery

Question

I m trying to disable these radio buttons when a the loadActive link is clicked but for some reason it only disables the first in the order and then skips the rest    lt form id  chatTickets  method  post  action   admin index cfm   gt       lt input id  ticketID1  type  radio  checked  checked  value  myvalue1  name  ticketID   gt       lt input id  ticketID2  type  radio  checked  checked  value  myvalue2  name  ticketID   gt   lt  form gt   lt a href     title  Load ActiveChat  id  loadActive  gt Load Active lt  a gt    And Here is the jquery i m using   jQuery   loadActive   click function           I have other code in here that runs before this function call     writeData        function writeData         jQuery  input name  ticketID     each function i        jQuery this  attr  disabled    disabled

User · Answer

First  the valid syntax is  jQuery  input name ticketID      second  have you tried   jQuery   radio     instead   third   why not assign a class to all the radio buttons  and select them by class

User · Answer

Remove your  each  and just use      input name ticketID    attr  disabled  true     That simple  It works

User · Answer

code   function writeData         jQuery   chatTickets input radio id  ticketID  first   attr  disabled   true       return false      See also  Selector radio  Selector attributeStartsWith  Selector first

User · Answer

just use jQuery prop       radio-button   prop  disabled   false        radio-button   prop  disabled   true      disable

User · Answer

I just built a sandbox environment with your code and it worked for me  Here is what I used    lt html gt     lt head gt       lt title gt test lt  title gt       lt script src  http   ajax googleapis com ajax libs jquery 1 3 2 jquery min js  gt  lt  script gt     lt  head gt     lt body gt       lt form id  chatTickets  method  post  action   admin index cfm   gt         lt input id  ticketID1  type  radio  checked  checked  value  myvalue1  name  ticketID   gt         lt input id  ticketID2  type  radio  checked  checked  value  myvalue2  name  ticketID   gt       lt  form gt       lt a href     title  Load ActiveChat  id  loadActive  gt Load Active lt  a gt        lt script gt        jQuery   loadActive   click function               I have other code in here that runs before this function call         writeData                    function writeData             jQuery  input name  ticketID     each function i                jQuery this  attr  disabled    disabled                             lt  script gt     lt  body gt   lt  html gt    I tested in FF3 5  moving to IE8 now  And it works fine in IE8 too  What browser are you using

User · Answer

You can try this code   var radioBtn       lt input type  radio  name  ticketID1  value  myvalue1  gt     if  some condition          radioBtn  attr  disabled   true      Disable the radio button          span class   css  opacity     2       Set opacity to  2 to mute the text in front of the radio button   else        radioBtn  attr  disabled   false           span class   css  opacity    1

User · Answer

I ve refactored your code a bit  this should work   jQuery   loadActive   click writeData    function writeData         jQuery   chatTickets input radio   attr  disabled  true       If there are more than two radio buttons on your form  you ll have to modify the selector  for example  you can use the starts with attribute filter to pick out the radios whose ID starts with ticketID   function writeData         jQuery   chatTickets input id  ticketID  radio   attr  disabled  true

User · Answer

You should use classes to make it more simple  instead of the attribute name  or any other jQuery selector

[jquery] Disabling radio buttons with jQuery

Examples related to jquery