当一个活动时禁用所有复选框

Question

我的问题是我不知道我应该针对哪个元素来检查复选框是否被选中，然后禁用其他元素。我需要将此代码放在表单标签中吗？在我的代码中，我有 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");
//?
}

感谢您的帮助。

Answer 1

尝试使用单选按钮，它们一次只能让用户 select 每个问题一个答案。

示例：

(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" />

如果用户 selects "yes" 在问题 1 和 "no" 在问题 2 发送到服务器的值将是：

question1=yes&question2=no

当一个活动时禁用所有复选框

Disable all checkboxes when one active

html

javascript

checkbox