How to disable and uncheck checkboxes on check of checkbox?

Question

I have a jquery script that disables all checkboxes in a row and marks them as checked:

$(function() {
  enable_cb();
  $("#group1").click(enable_cb);
});

function enable_cb() {
  if (this.checked) {
     $("input.group1").attr("disabled", true);
     $("input.group1").attr("checked", true);
  } else {
     $("input.group1").removeAttr("disabled","checked");

  }
}

Here is my fiddle with the html: http://jsfiddle.net/3fksv/16/

I want the rest of the checkboxes to show active again, and unchecked on uncheck of the checkbox. What am I doing wrong in my script?

Answer 1

checked and disabled are properties, as of jQuery 1.6 for modifying properties of the elements, prop method should be used instead of attr.

function enable_cb() {
   $("input.group1")
         .prop("disabled", this.checked)
         .prop("checked", this.checked);
}

http://jsfiddle.net/JeqE5/