Question

<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>
<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>
<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>
<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>
<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>
<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>
<td align="left" valign="top" bgcolor="#FFFFFF"  class="rows" style="text-align:center;"><input  name="activeloyalty" type="checkbox" value="24"></td>


$("[name=activeloyalty]")live('click', function () {
if($("[name=activeloyalty]").is(':checked') ){//how to uncheck the rest checkbox

}
});

I got a number of checkbox in a table,My question is when i check a particular checkbox ,how can i disable the rest checkbox ?

Answer 1

Like this:

$("input[name=activeloyalty]").live('click', function () {
   if ($(this).is(':checked')) {
        $('input[name="activeloyalty"]').not(':checked').attr('disabled', true);
   }
   else {
        $('input[name="activeloyalty"]').attr('disabled', false);
   }
});