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.

<form id="chatTickets" method="post" action="/admin/index.cfm/">     <input id="ticketID1" type="radio" checked="checked" value="myvalue1" name="ticketID"/>     <input id="ticketID2" type="radio" checked="checked" value="myvalue2" name="ticketID"/> </form> <a href="#" title="Load ActiveChat" id="loadActive">Load Active</a> 

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'); }); } 

Answer 1

Remove your "each" and just use:

$('input[name=ticketID]').attr("disabled",true); 

That simple. It works

Answer 2

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); }