0

我正在构建一个具有图像上传字段的表单，但是只有第一个是可见的，并且在单击“添加另一个”按钮时会显示其他字段。

我想做的是将这些字段的数量限制为 3。您可以在下面看到我现在拥有的内容，但问题是，当前代码没有考虑到字段的删除。所以如果你添加两个字段，你会得到一个你应该得到的错误，但是如果你删除一个并尝试再次添加它，你不能。

我对 jQuery 的东西有点迷茫，所以非常感谢任何帮助。

var limit = 3;
$('.add_image').click(function(e){
if($('#back').length < limit) {
                            e.preventDefault();
                            var newElem =  $('<tr class="images-cont"><td><input type="file" name="front" id="front" size="50" /></td><td class="action"><a  title="Delete image" href="#" class="delete" style="background-image:url(\'<?php echo get_admin_url(); ?>/images/no.png\');"><?php _e("Delete"); ?></a></td></tr>');
                            newElem.appendTo('#images-sort');
count++;
} else {
    alert('You cannot add more than 3 images.')   
}
                        })
4

2 回答 2

1

如果您有一个删除按钮，请添加一个递减计数变量的事件处理程序。

于 2013-01-12T09:53:25.580 回答
0 
$('.delete').click(function(){
   $('.images-cont:last').html('<td>A message here</td>');
   count--;
});
于 2013-01-12T10:21:37.590 回答