JQuery删除行允许最多totalrows-1

Question

我在jQuery中有一个带有add和delete函数的动态表:

我正在使用以下内容删除行:

$("#DEL").click(function(){
    $("table tr input:checked").parents('tr').remove();
});

小提琴:FIDDLE

如何避免同时删除所有列.我的意思是如果用户检查了所有行并单击删除,它应该显示一条警告消息.应该允许删除最多totalrows-1

Answer 1

您可以使用jquery的size()函数来计算带有检查输入的行数,并与总行数进行比较.

$("#DEL").click(function(){
    var checked = $("table tr input:checked").size();
    var total = $("table tr").size();
    if (checked < total) {
        $("table tr input:checked").parents('tr').remove();
    } else {
        alert("You cannot delete all rows!");
    }
});

请在此处查看更新的小提琴.