使用javascript折叠窗体

使用javascript折叠窗体,javascript,html,Javascript,Html,使用javascript,而不使用jquery这样的框架,是否有可能拥有一个带有复选框或单选按钮列表的简单表单,如果选择了一个特定的表单,则展开以显示更多的复选框/单选按钮?是的,这是可能的,但比使用框架做更多的工作。您需要编写DOM遍历代码来查找表单中的元素,编写事件绑定代码来将函数绑定到表单元素的事件(这在IE和非IE之间有所不同),然后使用子元素的style.display属性来隐藏或显示它们 如果您希望了解更多信息,请参阅我找到的一些关于基本Javascript的最佳解释。是的,这是可能

使用javascript,而不使用jquery这样的框架,是否有可能拥有一个带有复选框或单选按钮列表的简单表单,如果选择了一个特定的表单,则展开以显示更多的复选框/单选按钮?

是的,这是可能的,但比使用框架做更多的工作。您需要编写DOM遍历代码来查找表单中的元素,编写事件绑定代码来将函数绑定到表单元素的事件(这在IE和非IE之间有所不同),然后使用子元素的style.display属性来隐藏或显示它们


如果您希望了解更多信息,请参阅我找到的一些关于基本Javascript的最佳解释。

是的,这是可能的,但比使用框架做更多的工作。您需要编写DOM遍历代码来查找表单中的元素,编写事件绑定代码来将函数绑定到表单元素的事件(这在IE和非IE之间有所不同),然后使用子元素的style.display属性来隐藏或显示它们


如果您想了解更多信息,请参阅我找到的一些关于基本Javascript的最佳解释。

在任何框架中都可以做的任何事情都可以不使用框架

在许多情况下,框架只是让它变得更容易,所以您不必处理硬提升

您可能想要做的是在每个复选框或单选按钮上都有一个onclick事件处理程序,单击该复选框或单选按钮后,创建一个新的div并用额外的信息填充它,或者,如果该信息已经填充并且刚刚使用css隐藏,则让事件处理程序使其可见


根据您对可用性的看法,有很多方法可以实现您的建议。

在任何框架中可以实现的任何功能都可以在没有框架的情况下实现

在许多情况下,框架只是让它变得更容易,所以您不必处理硬提升

您可能想要做的是在每个复选框或单选按钮上都有一个onclick事件处理程序,单击该复选框或单选按钮后,创建一个新的div并用额外的信息填充它,或者,如果该信息已经填充并且刚刚使用css隐藏,则让事件处理程序使其可见


根据您对可用性的看法,有很多方法可以实现您的建议。

当然可以使用onChange事件和dom操作。。。
你也可以考虑编写自己的动画,但真正的原因是,如果有这么多的社区为你工作。

< P>当然要使用Onchange事件和DOM操作…
<input ... onclick="toggleDetails(this);" />
<div id='detailsView' style='display:none'gt;
    content to display when checked
</div>

... script ...

function toggleDetails(chk) {
  document.getelemantById('detailsView').style.display = 
    chk.checked ? "block" : "none";
}
你也可以考虑编写自己的动画,但真正的原因是,如果有这么多的社区为你工作。

<代码>
<input ... onclick="toggleDetails(this);" />
<div id='detailsView' style='display:none'gt;
    content to display when checked
</div>

... script ...

function toggleDetails(chk) {
  document.getelemantById('detailsView').style.display = 
    chk.checked ? "block" : "none";
}


这个问题真的很模糊。答案是“是的”,但如果没有更多的信息,没有人能帮助你。这个问题真的很模糊。答案是“是的”,但是没有更多的信息,没有人能帮助你。