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

查看代碼，您可以將hide類添加到要隱藏的字段集中。 例如，在單擊第一組單選按鈕時，可以調用$（'。step1'）。addClass（'hide'）隱藏該字段集。