咨询禁用状态Checkbox的控制条件：不被删除、全选时不被选中

需求1：禁用的Checkbox不允许被删除 #

要实现这个需求，核心是在执行删除操作时，只选中并删除未处于禁用状态的Checkbox。你可以通过选择器筛选出符合条件的元素，或者在判断逻辑里排除禁用的Checkbox。

举个实际的代码示例，假设你的删除操作绑定在某个按钮上，点击时删除选中Checkbox对应的条目：

// 点击删除按钮时执行
$('.delete-btn').on('click', function() {
  // 筛选出「已选中且未禁用」的Checkbox，再删除它们对应的父容器/条目
  $('input:checkbox:checked:not(:disabled)').closest('.list-item').remove();
});

这里的关键判断条件是:not(:disabled)——它会排除所有带有disabled属性的Checkbox，确保只有可用的选中项会被删除。你也可以用prop('disabled')做更精细的判断，比如：

$('input:checkbox:checked').each(function() {
  // 检查当前Checkbox是否未被禁用
  if (!$(this).prop('disabled')) {
    $(this).closest('.list-item').remove();
  }
});

需求2：全选时跳过禁用的Checkbox #

你原来的全选代码没有考虑禁用状态，现在需要修改成只对未禁用的Checkbox设置选中状态。只需要在选择器里排除禁用元素即可，修改后的代码如下：

// 全选Checkbox的点击事件
$('input#select-all').on('change', function() {
  // 排除当前全选框本身，同时排除所有禁用的Checkbox
  $('input:checkbox').not(this).not(':disabled').prop('checked', this.checked);
});

这里的核心判断条件就是排除禁用状态的Checkbox，对应的选择器是:not(:disabled)，或者你也可以用属性选择器input:checkbox:not([disabled])，效果完全一致。

简单总结：不管是删除还是全选场景，核心判断条件都是该Checkbox的disabled属性为false（即未被禁用）。

内容的提问来源于stack exchange，提问作者poojan mehta PM