一个简单的问题,对于我的前端开发类(class),我必须制作一个包含多个字段集的表单。我做到了,一切顺利,但现在下一个任务是通过做出选择来显示下一个字段集。
Ik wil mijn aanmelden: Vooreen项目
<input id="Stage" type="radio"/>
<label for="Stage">Als stagebedrijf</label>
在上面你会找到我的代码,它必须发生。用户需要做出选择,“voor een project”或“als stagebedrijf”。我知道我必须用 javascript 来做到这一点,所以我已经创建了一个文件。它不能在 HTML 文件中使用 onClick。
所以我的问题是,我该怎么做?
非常感谢!
最佳答案
您可以使用 'addEventListener' method 添加事件处理程序。
这是一个 fiddle :
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);
关于javascript - 通过选择显示下一个字段集,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26214348/