Javascript 通过选择显示下一个字段集

Javascript 通过选择显示下一个字段集,javascript,html,toggle,show,fieldset,Javascript,Html,Toggle,Show,Fieldset,一个快速的问题,对于我的前端开发课程,我必须用多个字段集制作一个表单。我做了,还可以,但现在下一个任务是通过选择显示下一个字段集 我想我会的: 沃恩项目 <input id="Stage" type="radio"/> <label for="Stage">Als stagebedrijf</label> Als stagebedrijf 在上面你可以找到我的代码。用户需要选择“voor een proje

一个快速的问题,对于我的前端开发课程,我必须用多个字段集制作一个表单。我做了,还可以,但现在下一个任务是通过选择显示下一个字段集

我想我会的: 沃恩项目

            <input id="Stage" type="radio"/>
            <label for="Stage">Als stagebedrijf</label>

Als stagebedrijf
在上面你可以找到我的代码。用户需要选择“voor een project”或“als stagebedrijf”。我知道我必须用javascript来实现这一点,所以我已经创建了一个文件。它不能在HTML文件中使用onClick

所以我的问题是,我怎么做这样的事情


非常感谢

可以使用添加事件处理程序

这是一把小提琴:

http://jsfiddle. net/bj0mba74/1/
(必须删除链接中的空格

HTML:

<form>
     <input id="radio_1" name="my_radio" type="radio"/>
     <label for="radio_1">Radio 1</label>
     <input id="radio_2" name="my_radio" type="radio"/>
     <label for="radio_2">Radio 2</label>
  <fieldset>
      <input type="text" value="Fieldset 1" />
  </fieldset>
  <fieldset>
      <input type="text" value="Fieldset 2" />
  </fieldset>
</form> 
function enableFieldset1 () {
    /* Code to enable fieldset 1 goes here. */
    alert('Enable fieldset 1');
}

function enableFieldset2 () {
    /* Code to enable fieldset 2 goes here. */
    alert('Enable fieldset 2');
}

document.getElementById('radio_1').addEventListener('click', enableFieldset1);
document.getElementById('radio_2').addEventListener('click', enableFieldset2);