Javascript 在用户提交其选项后，如何将复选框更改为禁用？

我想做一个电影院座位购买系统，我没有服务器来运行这个项目

我想尝试使用另一个文档（例如：MS access数据库）来收集结果

在用户提交其选项后，如何禁用复选框？ 这是我的复选框表格：

<form>  
<ol class="seats" type="A">
    <li class="seat">
      <input type="checkbox" id="1A" />
      <label for="1A">1A</label>
    </li>
    <li class="seat">
      <input type="checkbox" id="1B" />
      <label for="1B">1B</label>
    </li>
    <li class="seat">
      <input type="checkbox" id="1C" />
      <label for="1C">1C</label>
    </li>
    <li class="seat">
      <input type="checkbox" id="1D" />
      <label for="1D">1D</label>
    </li>
    <li class="seat">
      <input type="checkbox"  disabled id="1E" />
      <label for="1E">Occupied</label>
    </li>
    <li class="seat">
      <input type="checkbox" id="1F" />
      <label for="1F">1F</label>
    </li>
    <li class="seat">
      <input type="checkbox" id="1G" />
      <label for="1G">1G</label>
    </li>
    <li class="seat">
      <input type="checkbox" id="1H" />
      <label for="1H">1H</label>
    </li>
  </ol>
</form>

1A


1B


1C


1D


占用


1F


1G


1H

在用户选择后，如何将复选框更改为禁用 复选框

你可以做一些基本的事情，比如：

<input type="checkbox" onclick="this.disabled = true"/>

但我想知道如果点击错误，用户将如何取消选中复选框-可能有一个重置按钮：）

函数重置（）{
var checkbox=document.querySelectorAll（'input[type=checkbox]）；
对于（变量i=0；i

重置选择

单击后将禁用此功能


1B


1C


1D


占用


1F


1G


1H


在用户选择后，如何将复选框更改为禁用
复选框

你可以做一些基本的事情，比如：

<input type="checkbox" onclick="this.disabled = true"/>



但我想知道如果点击错误，用户将如何取消选中复选框-可能有一个重置按钮：）


函数重置（）{
var checkbox=document.querySelectorAll（'input[type=checkbox]）；
对于（变量i=0；i

重置选择

单击后将禁用此功能


1B


1C


1D


占用


1F


1G


1H

您可以循环遍历所有复选框并添加一个eventlistener（对于
更改
）。如果不触发事件，则禁用复选框

下面是一个非常简单的解决方案：

请记住，这在旧浏览器中不起作用。如果您还需要对旧浏览器的支持，请使用常规循环（例如
）并使用常规函数，而不是
箭头函数
s


[].forEach.call（document.querySelectorAll（'[type=“checkbox”]”），x=>{
x、 addEventListener（'change'，（）=>{
x、 禁用=真；
});
})


1A


1B


1C


1D


占用


1F


1G


1H

您可以循环遍历所有复选框并添加一个eventlistener（对于
更改
）。如果不触发事件，则禁用复选框

下面是一个非常简单的解决方案：

请记住，这在旧浏览器中不起作用。如果您还需要对旧浏览器的支持，请使用常规循环（例如

）并使用常规函数，而不是

箭头函数

s

[].forEach.call（document.querySelectorAll（'[type=“checkbox”]”），x=>{
x、 addEventListener（'change'，（）=>{
x、 禁用=真；
});
})

1A


1B


1C


1D


占用


1F


1G


1H

• 选择输入

• forEach超过输入

• 为每个输入添加一个事件侦听器

• 禁用onClick事件侦听器回调中的复选框

像这样：

const inputs = document.querySelectorAll('input[type=checkbox]');

function disableCheckbox() {
  this.disabled = true;
}

inputs.forEach(input => input.addEventListener('click', disableCheckbox));

---

JSBIN示例：

• 选择输入

• forEach超过输入

• 为每个输入添加一个事件侦听器

• 禁用onClick事件侦听器回调中的复选框

像这样：

const inputs = document.querySelectorAll('input[type=checkbox]');

function disableCheckbox() {
  this.disabled = true;
}

inputs.forEach(input => input.addEventListener('click', disableCheckbox));

---

JSBIN示例：

请更精确地“选择”：更改/聚焦/取消聚焦cb？时。。或者在提交表格时。。因此，您将在每个

元素上引入一个“onXXX”参数或在

元素上引入一个“onSubmit”参数，这将反过来调用一个js函数，这反过来将确保所需的行为（相应的

的停用）……请更精确地“选择”：当更改/聚焦/取消聚焦cb？时。。或者在提交表格时。。因此，您将在每个

元素上引入一个“onXXX”参数，或者在<