javascript - 在html中隐藏/显示表单？

我是html的新手，我想尝试隐藏/显示表单，如果用户在其下方选中一个框。

我有一个表格，例如

Name :
Username :
Add More Users: (tickbox)

如果用户勾选了“添加更多用户”，则其下方将出现另一个带有“名称，用户名，添加更多用户”字段的表单。这怎么可能？

最佳答案

的HTML

<input type="checkbox" onclick="display(this)">Add more users</input>
<div id="yourDiv"> ...other forms... </div>

的JavaScript

   function display(e){
    if (e.checked)
        document.getElementById('yourDiv').style.display = 'block';
    else
        document.getElementById('yourDiv').style.display = 'none';
    }

更好的方法（感谢What）

的HTML

<input id="more" type="checkbox">Add More Users</input>
<div id="yourDiv"> ...other form... </div>

的JavaScript

window.onload = function () {
    document.getElementById('more').onclick = function () {
        if (this.checked)
            document.getElementById('yourDiv').style.display = 'block';
        else
            document.getElementById('yourDiv').style.display = 'none';
    }
}