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

时间:2015-02-24 07:09:05

标签: javascript jquery html

我正在尝试修改我发现的这个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/

2 个答案:

答案 0 :(得分:2)

以下是具有所需行为的修改过的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');

答案 1 :(得分:0)

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