Question

我被要求制作一本工作手册＆＃39;以网站的形式。在工作簿的最后，将向用户询问一组具体问题，他/她将回答是/否 - 这将是单选按钮的形式。

示例：＆＃34;您是否了解第1部分？＆＃34; .....是/否

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

我环顾四周，无法找到任何例子，因此很难解释。有谁知道如何做到这一点？我很感激任何建议

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现在正在使用bootstrap模式！

HTML表单立即提供反馈

1 个答案: