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

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

看着您可以将代码隐藏到您要隐藏的字段集中。例如，在点击第一组单选按钮时，您可以调用$（'。step1'）。addClass（'hide'）来隐藏该字段集。