当一个复选框处于活动状态时，禁用所有复选框

Disable all checkboxes when one active

本文关键字：复选框 活动状态 一个      更新时间：2023-10-29

我的问题是，如果复选框被选中，我不知道应该针对哪个元素进行检查，然后禁用其他元素。我需要把这个代码放在表单标签里吗？在我的代码中，我有2x2个复选框，其中2个用于肯定答案，2个用于否定答案。

这是我的HTML:

<div id="form">
<div class="anketa">
    <h3>Pači sa Vám táto stránka?</h3>
    <div class="checkbox custom">
        <input id="box" class="css-checkbox" type="checkbox" name="boxes" />
        <label for="box" class="css-label" name="yes" onclick="" ></label> Áno
    </div>
    <div class="checkbox custom">
        <input id="box1" class="css-checkbox" type="checkbox" name="boxes" />
        <label for="box1" class="css-label" name="no" onclick="" ></label> Nie
    </div>
</div>
<div class="anketa">
    <h3>Pomohla Vám táto stránka?</h3>
    <div class="checkbox custom">
        <input id="box2" class="css-checkbox" type="checkbox" name="boxes" />
        <label for="box2" class="css-label" name="yes" onclick=""></label>Áno
    </div>
    <div class="checkbox custom">
        <input id="box3" class="css-checkbox" type="checkbox" name="boxes" />
        <label for="box3" class="css-label" name="no" onclick=""></label> Nie
    </div>
</div>
</div>

这是我的剧本：

var checkbox = document.getElementByClassName("css-checkbox");
//?
}

谢谢你的帮助。

尝试使用单选按钮，它们一次只允许用户为每个问题选择一个答案。

示例：

(Question 1)
<input type="radio" name="question1" value="yes" />
<input type="radio" name="question1" value="no" />
(Question 2)
<input type="radio" name="question2" value="yes" />
<input type="radio" name="question2" value="no" />

如果用户在问题1上选择"是"，在问题2上选择"否"，则发送到服务器的值将为：

question1=yes&question2=no
相关文章：