选中并取消选中jquery时，复选框将停止工作

Question

我有一个链接到复选框的进度条，当我检查然后取消选中一个框时，该框会破坏并且不会在进度条上更新。从我读到的内容中你可以使用一个循环来解决这个问题，但是我很难看到如何对y解决方案提供任何帮助或解决方案。

Answer 1

只需更改：

if ($(this).find('input[type="checkbox"]').is(':checked')) {
  $(this).removeClass('checked').addClass('not-checked');
  $(this).find('input[type="checkbox"]').attr('checked', false);
} else {
  $(this).removeClass('not-checked').addClass('checked');
  $(this).find('input[type="checkbox"]').attr('checked', true);
}

以

if ($(this).find('input[type="checkbox"]').is(':checked')) {
  $(this).removeClass('checked').addClass('not-checked');
  $(this).find('input[type="checkbox"]').prop('checked', false);
} else {
  $(this).removeClass('not-checked').addClass('checked');
  $(this).find('input[type="checkbox"]').prop('checked', true);
}

我更新了jsfiddle代码：http://jsfiddle.net/UznQe/11/