通过做出选择来显示下一个字段集

对于我的前端开发类，我必须制作一个带有多个字段集的表单。我做到了，没问题，但现在下一个分配就是通过做出选择来显示下一个字段。通过做出选择来显示下一个字段集

益WIL mijn aanmelden： VOOR EEN项目

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

在上面，你会发现我的代码中有发生。用户需要做出选择，或者“完成项目”或“als stagebedrijf”。我知道我必须用JavaScript做到这一点，所以我已经创建了一个文件。它不能在HTML文件中使用onClick。

所以我的问题是，我该怎么做这样的事情？

非常感谢！

来源

2014-10-06 Shan

您可以使用'addEventListener' method添加事件处理程序。

这里是一个小提琴：

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>

JS：

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);

来源

2014-10-06 10:57:24 Marvin

通过做出选择来显示下一个字段集

回答

相关问题