Javascript css只能应用一个座位（限制多选）

公共汽车预订

下面的代码生成multilpe，当用户单击seats时，所选seats css将更改。但我想限制多重选择。用户只能选择一个座位，如果他选择了第二个座位，那么第一个座位必须取消选择

演示：

代码：

---

首先从所有元素中删除该类，然后将其添加到所选元素中

$('.' + settings.seatCss).click(function () {
        if ($(this).hasClass(settings.selectedSeatCss)){
            alert('This seat is already reserved');
        }
        else{
            $('.' + settings.seatCss).removeClass(settings.selectingSeatCss);
            $(this).addClass(settings.selectingSeatCss);


            }
        });

---

将else部分更改为：

 else{
      $(this).toggleClass(settings.selectingSeatCss);
      $(".settings.selectingSeatCss").not(this).removeClass('settings.selectingSeatCss');
      }

尝试使用此代码更改单击事件中的代码

$('.' + settings.seatCss).click(function () {
   $(this).addClass(settings.selectedSeatCss).siblings(this).removeClass(settings.selectedSeatCss);
});

---

工作。希望它对您有所帮助。

您也可以提供您的html/css，或者使用类似“请在jsfiddle.com中显示您的代码”的方式吗

$('.' + settings.seatCss).click(function () {
   $(this).addClass(settings.selectedSeatCss).siblings(this).removeClass(settings.selectedSeatCss);
});