-4

到目前为止，我已经找到了如何创建单选按钮，隐藏响应直到做出选择，最后显示选择以及另一个单选按钮（这个辅助单选按钮是我卡住的地方）。这是我想要的：

用户选择是/否：

如果选择是

文本出现在单选按钮下方，询问另一个是/否问题，这会根据答案和是/否产生更多文本

如果没有选择

不同的文本出现在单选按钮下方，询问不同的是/否问题，这会根据答案和是/否产生更多文本

我已经能够创建第一个是/否，这会带来另一个问题和一个是/否单选按钮，但我不明白如何对第二个是/否做出回应，这是第一个结果的结果单选按钮。

我很抱歉这令人困惑，但我不知道有什么更好的方法来解释它。

这是我在 jsfiddle 中的代码：http: //jsfiddle.net/richerdk/a9fJ5/

我假设我需要这样<div id="div1" class="tab"> <p>Why do you think the sky is blue, is blue your favorite colour?</p></div>的东西：问题是我不知道<div id=" " class=" ">应该是什么。

是/否按钮位于 jsfiddle html 部分的第 35、38、45、48 行，如下所示<input type="radio" name="another" value="anotherNo" />

我的问题是如何让第一个单选按钮选择的响应中包含单选按钮，以根据其选择（是或否）显示信息。

4

1 回答 1

0

这是你的 jsfiddle 的一个分支，只有单选按钮并使用 jQuery

http://jsfiddle.net/Lfxry/

我所做的只是将事件处理程序绑定到选项卡内单选按钮的更改事件

(function ($) {
    $('#tabs').on('change',':radio', function () {
        //read target id from data attribute
        var targetId = $(this).data('target');
        //hide all tabs
        $('.tab').addClass('hidden');
        //show the one you want
        $("#"+targetId).removeClass('hidden');
    });
})(window.jQuery);

请注意，我现在隐藏了上一个问题

有很多方法可以改进代码。这只是一个基本示例

于 2013-06-28T13:49:19.290 回答