Question

我已经为上传网站创建了一个输入类型文件。我也创建了两个按钮，其中一个用于附加输入类型文件，另一个用于删除它们，但我想隐藏删除按钮，当我只有一个输入类型文件时，这些是我的代码：

JavaScript的：

$(document).ready(function (e) {
    $('.add').click(function (e) {
        $('.addon').append('<div class="choose"><input type="file" name="userFile" /></div>');
    });
    $('.delete').click(function (e) {
        $('.addon > .choose').last().remove();
        if ($('<div class="choose"><input type="file" name="userFile" /></div>').length == 1) {
            $('.delete').css('display', 'none');
        } else {
            $('.delete').css('display', 'block');
        }
    });
});

和html

<div class="addon">
    <div class="choose">
        <input type="file" name="userFile" />
    </div>
</div>

但它不起作用，你能帮我吗？

Answer 1

很难确切地说出你在问什么，但在我看来，你希望检查长度是由输入元素的onChange事件触发的。

Answer 2

将你的if条件设为

 $('.delete').length > 1

这就是你似乎在问什么。对于这个问题，HTML似乎不完整

Answer 3

您应该为输入提供一个类

<input type="file" name="userFile" class="file" />

然后将if语句更改为

if($('.file').length == 1){....

当只有一个输入时如何隐藏按钮

3 个答案: