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

尝试使用单选按钮，它们只会让用户在每个问题中选择一个答案。

示例：

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

如果用户选择＆＃34;是＆＃34;问题1和＆＃34;否＆＃34;在问题2上，发送到服务器的值将是：

question1=yes&question2=no

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

1 个答案: