Javascript 限制每次预定的座位数量

我有一张简单的订票桌。它工作正常，但我想改进它，以便用户可以一次预订6个座位，如果用户需要添加第7个座位，则应提醒用户他/她一次可以预订6个座位

另一个问题是，如果没有选择任何座位，如何使reserve按钮处于非活动状态；如果选择了一个或多个座位，如何使reserve按钮处于活动状态

const selections={}；
常量inputElems=document.getElementsByTagName（“输入”）；
const totalElem=document.getElementById（“总容器”）；
const hiddentotallem=document.getElementById（“隐藏总数”）；
const hiddenSeatElem=document.getElementById（“隐藏座位”）；
const seatsElem=document.getElementById（“选定座位”）；
for（设i=0；i

请选择一个座位预定
A1

A2

A3

A4

B1

B2

B3

B4

C1

C2

C3

C4


选定座位



总额：美元
现在预订

我刚刚添加了一个小代码块：

if(result.length>6){
  e.preventDefault();
  console.log("Alreday got 6! Event prevented... Alert the user here.");

  //Remove the property added in selections in the code above.
  delete selections[e.target.id];
  return;
}

其中，如果结果数组包含6个以上的项目，您将阻止选中复选框，以某种方式（根据您的喜好）提醒用户，并使用

return

退出函数

const selections={}；
常量inputElems=document.getElementsByTagName（“输入”）；
const totalElem=document.getElementById（“总容器”）；
const hiddentotallem=document.getElementById（“隐藏总数”）；
const hiddenSeatElem=document.getElementById（“隐藏座位”）；
const seatsElem=document.getElementById（“选定座位”）；
for（设i=0；i0）；
如果（结果长度>6）{
log（“Alreday得到6！事件被阻止…在这里提醒用户。”）；
e、 预防默认值（）；
//删除在上述代码的选择中添加的属性。
删除选择[e.target.id]；
返回；
}
totalElem.innerText=总计；
hiddentotallem.value=总计；
seatsElem.innerHTML=result.join（“，”）；
hiddenSeatElem.value=结果；
}

请选择一个座位预定
A1

A2

A3

A4

B1

B2

B3

B4

C1

C2

C3

C4


选定座位



总额：美元
现在预订

我刚刚添加了一个小代码块：

if(result.length>6){
  e.preventDefault();
  console.log("Alreday got 6! Event prevented... Alert the user here.");

  //Remove the property added in selections in the code above.
  delete selections[e.target.id];
  return;
}

其中，如果结果数组包含6个以上的项目，您将阻止选中复选框，以某种方式（根据您的喜好）提醒用户，并使用

return

退出函数

const selections={}；
常量inputElems=document.getElementsByTagName（“输入”）；
const totalElem=document.getElementById（“总容器”）；
const hiddentotallem=document.getElementById（“隐藏总数”）；
const hiddenSeatElem=document.getElementById（“隐藏座位”）；
const seatsElem=document.getElementById（“选定座位”）；
for（设i=0；i0）；
如果（结果长度>6）{
log（“Alreday得到6！事件被阻止…在这里提醒用户。”）；
e、 预防默认值（）；
//删除在上述代码的选择中添加的属性。
删除选择[e.target.id]；
返回；
}
totalElem.innerText=总计；
hiddentotallem.value=总计；
seatsElem.innerHTML=result.join（“，”）；
hiddenSeatElem.value=结果；
}

请选择一个座位预定
A1

A2

A3

A4

B1

B2

B3

B4

C1

C2

C3

C4


选定座位



总额：美元
现在预订

当

e.target.checked

为

true

时，您可以检查

选择

是否包含超过6个键

要停用/激活按钮，可以执行以下操作

reserveBtn.disabled = result.length == 0;

const selections={}；
常量inputElems=document.getElementsByTagName（“输入”）；
const totalElem=document.getElementById（“总容器”）；
const hiddentotallem=document.getElementById（“隐藏总数”）；
const hiddenSeatElem=document.getElementById(