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

时间:2014-09-17 22:32:05

标签: jquery html

我创建了一个按钮来添加更多附件。它运作良好,我想停在一定数量,例如在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
  1. 不同的方式,我喜欢在5个附件后消失Add按钮,但我的语法不能解决。实时代码http://jsfiddle.net/abcid/f2wc6srm/
  2. 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
    

2 个答案:

答案 0 :(得分: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 

答案 1 :(得分:0)

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

$(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