JS变量增量onclick

时间:2017-01-19 11:37:32

标签: javascript jquery variables click

我有多个带按钮的盒子。我想要onclick选择按钮变量增量。我不想被选中超过6个,所以我禁用了其他按钮。

Fiddle Demo Here

如果我删除任何元素。删除的一个应该在下一次单击时继续。请参阅演示以便更好地理解。

var ct = ["1","2","3","4","5","6"];
var i = -1;

$('.goal1').each(function(index){
  $(this).on('click', function(e){
    i = i+1;
    i = i % ct.length;

    $(this).parents('li').addClass('selected');
    $(this).fadeOut('50', function(){
      $(this).parents('li').find('.goal2').fadeIn('50');
    });
    $(this).parents('li').find('.counter').text(ct[i]);
    if($('li.selected').length >  5){
            $('.goal1').prop('disabled', true);
    }
    e.preventDefault();
  });
});

$('.goal2').each(function(index){
      $(this).on('click', function(e){
        i = i-1;
        i = i % ct.length;
        $(this).parents('li').removeClass('selected');
        $(this).fadeOut('50',function(){
          $(this).parents('li').find('.goal1').fadeIn('50');
        });
        $(this).parents('li').find('.counter').text('');
                $('.goal1').prop('disabled', false);
        e.preventDefault();
      });
});

1 个答案:

答案 0 :(得分:1)

尝试以下可能对您有帮助的代码:

>>> out
       c1 c2  c3
first  a  v1  v2
second a  v2  NA
third  b  v1  v3
last   b  v3  NA

您可以根据需要更改 var j 行为。