Question

我正在尝试修改我发现的这个JSFiddle，因为它几乎正是我要找的东西。目前显示所有先前的决定，我不希望先前的决定显示。我只想一次回答一个问题。因此，一旦您单击单选按钮，我希望该问题消失并显示下一个问题。我已经玩了一段时间的代码并且无法理解它，但我不够了解。

我确定它在这里的某个地方：

$('fieldset.option0').removeClass('hide');
    for (i = 0; i < options.length; i += 1) {
    options_buffer += options[i];
    $('fieldset.option' + options_buffer).removeClass('hide');
  }

我设法只从第一次点击中删除它，但在此之后，所有决定都会显示出来。

这是JSFiddle - http://jsfiddle.net/danw/h8CFe/

Answer 1

以下是具有所需行为的修改过的jsFiddle：http://jsfiddle.net/h8CFe/121/

我将update函数的最后几行修改为：

    fieldsets.addClass('hide');
    for (i = 0; i < options.length; i += 1) {
        options_buffer += options[i];
    }
    $('fieldset.option' + options_buffer).removeClass('hide');

Answer 2

查看代码，您只需将hide类添加到要隐藏的字段集中即可。例如，点击第一组单选按钮，您可以调用$（＆＃39; .step1＆＃39;）。addClass（＆＃39; hide＆＃39;）隐藏该字段集。

JavaScript - 选择单选按钮后删除以前的字段集

2 个答案: