Question

我创建了一个按钮来添加更多附件。它运作良好，我想停在一定数量，例如在5个附件，他们不能再附加。我设置了i <6;，但它并没有停在5个附件中。实时代码http://jsfiddle.net/abcid/e1c3xu01/

HTML

<div class="attachFile"><input type="file" /></div><button id="addNew">Add</button>
<p></p>
<div class="attachField"></div>

JS

$(document).ready(
    function()
        {
            var i=0;
            $('#addNew').click(
                function()
                    {
                        i++; i <6;
                        $('.attachField').append( '<div class="attachFile"><input type="file" /></div>' );


            }); //end click

        }); //end ready

不同的方式，我喜欢在5个附件后消失Add按钮，但我的语法不能解决。实时代码http://jsfiddle.net/abcid/f2wc6srm/

JS

$(document).ready(
    function()
        {
            var i=0;
            $('#addNew').click(
                function()
                    {
                        i++;
                        $('.attachField').append( '<div class="attachFile"><input type="file" /></div>' );

            if( i = 5)
            {
            $('#addNew').hide;
            }
            }); //end click

        }
); //end ready

Answer 1

只需添加if语句并检查i＆lt; 6

$(document).ready(
    function () {
        var i = 0;
        $('#addNew').click(
            function () {
                if (i < 6) {
                    i++;
                    $('.attachField').append('<div class="attachFile"><input type="file" /></div>');
                }     
            }

        ); //end click
    }
); //end ready

Answer 2

我刚刚编辑过，第二期问题很有效。

$(document).ready(
    function()
        {
            var i=0;
            $('#addNew').click(
                function()
                    {
                        i++;
                        $('.attachField').append( '<div class="attachFile"><input type="file" /></div>' );

            if( i >= 5)
            {
            $('#addNew').hide();
            }
            }); //end click

        }
); //end ready

Live code

添加更多附件并停在某个数字处

2 个答案: