Question

因此，我对Web开发非常陌生，我正在尝试实现一个在选择项目时增加的计数器，但如果未选择所选项目，则会减少。当项目被选中时，我的计数器会增加但是当项目未被选中时，它似乎无法让计数器下降（它仍会计数）我所拥有的代码如下（请原谅我说我是新来的有多糟糕）

//highlights current selection and alows a choice of 4 seats to be made
//need to implement unselecting a seat
$('td.n').click(function(){
  if(checkcounter())
  {
    $(this).toggleClass('selected'); 
    $('#seatsAlloc').text(SeatAlloc.toString());    
  }  
});

//cycles through all the seats to check if they are taken or available
//adds taken class to all taken seats
for(x=0;x<=139;x++)
{
    if (d.alloc[x] == 1)
    {
      $($('td.n')[x]).addClass('taken');
    }
}

var SeatAlloc = 0;
var Seat_Counter = 0;
function checkcounter()
{
  if(Seat_Counter < 4)
  {
    Seat_Counter++;
    SeatAlloc++;
    return true;
  }
    Seat_Counter--;
    SeatAlloc--;
    return false;
}

如果有人有任何帮助，我们将不胜感激谢谢！

Answer 1

$('td.n').click(function(){
  $(this).toggleClass('selected'); 
  $('#seatsAlloc').text($('td.selected').length);    
});

此代码将“选定”类删除或添加到按下的td，之后它只计算“选定”类的td数量。

是的，可以这么简单。

因此，如果您想要选择最多4个席位，您可以进行以下操作。

    $('td.n').click(function(){
      var amountSelected = $('td.selected').length;
      if(amountSelected <= 4) {
          $(this).toggleClass('selected'); 
          $('#seatsAlloc').text($('td.selected').length); 
      }   
    });

实现一个Jquery计数器

1 个答案: