javascript - 立即提供反馈的 HTML 表单

Question

我被要求制作一个网站形式的“工作簿”。在工作簿的末尾，用户将被问到一组具体问题，他/她将回答是/否 - 这将以单选按钮的形式出现。

示例:“您了解第 1 部分吗？” ..... 是/否

当用户回答完这些问题后，应该会出现一个灯箱页面，告诉他们返回网站中的特定点。

我环顾四周，找不到任何示例，因此很难解释。有人知道怎么做吗？我很感激任何建议

Answer 1

检查是否所有问题都已回答:

HTML:

<div class="question">
    <input type="radio" name="q1" value="yes" />
    <input type="radio" name="q1" value="no" />
</div>
<div class="question">
    <input type="radio" name="q2" value="yes" />
    <input type="radio" name="q2" value="no" />
</div>
<div class="question">
    <input type="radio" name="q3" value="yes" />
    <input type="radio" name="q3" value="no" />
</div>

jQuery:

$(":radio").change(function() {
    if (!$('.question:not(:has(:radio:checked))').length) {
        alert("all questions are filled in, add code to show colorbox/lightbox/bootstrap modal here")
    }
})

查看此 jsfiddle .我建议使用 colorbox创建叠加弹出窗口。另一个不错的方法是使用 bootstrap modals .

编辑:更新jsfiddle现在使用引导模式!