限制删除最后一条动态加载行项目的功能问题排查

看起来你遇到的问题主要是两个点：一是选择器把全选复选框也包含进去了，导致判断逻辑出错；二是只判断了选中的数量，没结合总行项目数来做校验。我来帮你一步步修正：

问题根源分析 #

你之前用$('input[type="checkbox"]:checked')获取选中的复选框，这会把页面上所有复选框（包括那个check_all的全选框）都算进去。比如当只有1个行项目且它的复选框被选中时，如果全选框默认是checked状态，那选中的数量就是2，你的==1判断自然不会触发；就算全选框没被选中，你也没判断总行项目数是否为1——如果有多个项目，选中1个是允许删除的，只有唯一项目被选中时才需要阻止。

修正方案 #

首先，我们需要把行项目的复选框和全选框区分开，然后结合总行项目数和选中数来做校验：

1. 给行项目复选框添加统一class #

修改你的行项目复选框HTML，加上一个专属class（比如item-checkbox），这样就能精准定位行项目的复选框：

<!-- 全选框保持不变 -->
<input class='check_all' checked="checked" type='checkbox' onclick="select_all()"/>

<!-- 行项目的复选框添加class -->
<input class='item-checkbox' type='checkbox' name="item_ids[]" value="1"/>

2. 调整表单提交校验逻辑 #

替换原来的JS代码，加入总行项目数的判断，同时排除全选框的干扰：

$(document).ready(function() {
    $("form#form1").submit(function() {
        // 获取所有行项目的复选框
        const allItemCheckboxes = $('.item-checkbox');
        // 获取选中的行项目数量
        const checkedItemCount = allItemCheckboxes.filter(':checked').length;

        // 先校验是否至少选中一个项目
        if (checkedItemCount === 0) {
            alert("Please select at least one item !");
            return false;
        }

        // 校验是否是唯一的行项目且被选中
        if (allItemCheckboxes.length === 1 && checkedItemCount === 1) {
            alert("Can't delete! You can't remove the only item.");
            return false;
        }

        // 所有校验通过，允许提交表单
        return true;
    });
});

为什么这样能生效？ #

• 我们用.item-checkbox选择器只针对行项目的复选框，避免了全选框的干扰，统计的数量更准确。
• 先判断总行项目数是否为1，再判断这个唯一的项目是否被选中，只有同时满足这两个条件时才阻止删除，逻辑更严谨。

内容的提问来源于stack exchange，提问作者user2178637