立即提供反馈的 HTML 表单答案

【问题标题】：HTML form which gives feedback immediately立即提供反馈的 HTML 表单
【发布时间】：2016-08-11 18:50:57
【问题描述】：

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

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

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

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

【问题讨论】：

到目前为止您尝试过什么？ Stackoverflow 不是人们只为你编写所有代码的地方
我不是要代码，如果是这样的话，抱歉。我在问如何做到这一点 - 那么我必须学习什么语言/我必须去哪里学习才能做到这一点。我是这个领域的新手。谢谢@laurens

标签： javascript php jquery html node.js

【解决方案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 现在使用引导模式！

【讨论】：

非常感谢。我将继续努力，并向您展示我的作品。
查看我更新的 jsfiddle 以了解使用引导模式的实现
嗨@DavidPaulAnthony，如果这个或任何答案解决了您的问题，请点击复选标记考虑accepting it。这向更广泛的社区表明您已经找到了解决方案，并为回答者和您自己提供了一些声誉。没有义务这样做。