按钮放置(添加一个字段集,多个时启用禁用按钮)

时间:2014-05-12 07:23:33

标签: javascript jquery

我需要确保只显示一个加号按钮来添加一个重复的字段集,如果只有一个,但是一旦创建了一个副本就添加了删除按钮,我知道如何通过为一个数字赋值来实现这个目的。每个重复的字段集创建但我似乎无法使它工作,任何建议或指向正确的方向将是伟大的。

下面是当前时刻的代码,它将在单击按钮后复制字段集:

       $('body').on("click ", '.glyphicon-plus-sign', function() {
        console.log("here ");
        prevInput = $(this);
        count = $(prevInput).attr('data-count=')||0;
        countIncremented = count++;
        br = '<br/><br/>';                  
        $($(this).parent()).clone().insertAfter($(this).parent());

我知道我需要以这样的方式为每个字段集分配一个值:

newNum  = new Number(num + 1),      
        newElem = $('#entry' + num).clone().attr('id', 'entry' + newNum);

但是无法让它工作或重构它以使其适用于我自己的应用程序。

JSFiddle Link:Fiddle Link

1 个答案:

答案 0 :(得分:1)

您始终可以使用if语句:

if ($('legend').length < n) { // n being whatever your base number of legends should be
 $('.glyphicon-minus-sign').css({ visibility: 'hidden'});
} else {
 $('.glyphicon-minus-sign').css({ visibility: 'visible'})
}

请记住,jQuery选择器返回与选择器匹配的元素数组。