选中和未选中 jquery 时复选框停止工作

【问题标题】：Check boxes stop working when checked and unchecked jquery选中和未选中 jquery 时复选框停止工作
【发布时间】：2014-03-16 06:49:14
【问题描述】：

我有一个链接到复选框的进度条，当我选中然后取消选中一个框时，该框会损坏并且不会在进度条上更新。根据我读到的内容，您可以使用循环来解决此问题，但我很难了解如何为您的解决方案提供任何帮助或修复。

【问题讨论】：

标签： jquery jquery-mobile checkbox progress-bar

【解决方案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/

【讨论】：