JavaScript-一旦选择单选按钮，就会删除以前的字段集

JavaScript - removing previous fieldset once radio button is selected

本文关键字：删除 字段 选择 单选按钮 JavaScript-      更新时间：2024-04-23

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

这里是一个经过修改的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');

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

相关文章：