jquery - 通过不同的功能保持计数一致

Question

您好，我正在使用以下代码将文件输入添加到我的表单中:

var addFile = document.getElementById('addFile');
addFile.onclick = function addFile() {
    if (this.count == undefined) {
        this.count = 0;
    }
    if (this.count++ < 2) {
        $(".files").append('<tr><td><input type="file" name="uploaded_file[]" class="file_input" size="46" style="margin-top:1px;"/><a class="delete" href="javascript:void(0)" style="color:blue; padding-left:15px;">Remove File</a></td></tr>');
    }
    if (this.count == 2) {
        alert('If you wish to upload more than 3 files \nplease compile them into a .zip or .rar file');
    }
};

以下代码用于删除文件输入。

$(function () {
    $(".delete").live("click", function () {
        $(this).parent().remove();
    });
});

我正在寻找一种可能将两者结合起来的方法，其中当我删除文件时，总体输入计数为-1，就像添加时为+1一样。这样，如果用户添加一个槽位，然后删除一个槽位，然后重新添加一个槽位，则计数是一致的。欢迎任何帮助。

干杯

Answer 1

不要存储和保留计数，而是每次获取计数。

addFile.onclick = function addFile() {
    var count = $(".files tr .file_input").length;
    if ( count < 3 ) {
        // append the row
    }
    else {
        // don't append the row
    }
}

效率可能稍低，但更易于管理。