启用禁用复选框但不是全部

Question

我有多个复选框我要禁用其他复选框（例如Student，Parent，Faculty），如果我选择All但是如果我选择Student或其他All复选框仅被禁用

<input type="checkbox" name="scope[]" value="All">ALL</input>
<input type="checkbox" name="scope[]" value="Student">Student</input>
<input type="checkbox" name="scope[]" value="Parent">Parent</input>
<input type="checkbox" name="scope[]" value="Faculty">Faculty</input>
<input type="checkbox" name="scope[]" value="Others">Others</input>

Answer 1

您可以使用相同名称但不同的ID来禁用复选框

<input type="checkbox" name="scope[]" value="All" id="all">ALL</input>
<input type="checkbox" name="scope[]" value="Student" id="student">Student</input>
<input type="checkbox" name="scope[]" value="Parent" id="Parent">Parent</input>
<input type="checkbox" name="scope[]" value="Faculty" id="Faculty">Faculty</input>
<input type="checkbox" name="scope[]" value="Others" id="others">Others</input>

您可以使用JavaScript来禁用复选框。

document.getElementById("others").disabled = true;