繁体   English   中英

希望在加载时显示或隐藏html页面的一部分,默认情况下是基于页面顶部的文本框检查选项

[英]want to show or hide section of html page when it loads be default based on text box check option on top of the page

我有一个html,其中有一大堆由显示隐藏按钮控制的文本(例如,此代码段为para)。 现在,我想在此之上添加其他控制层。 我希望在加载html页面时在其顶部具有一个文本框,以便根据文本框的选中取消选择来默认隐藏或显示para。

这是我的代码段

print $indexfd
qq~<div id="div_$var3">\n~, # Add a div around the $key-elements
qq~<input onclick="showit('$var3')" type="button" id="btn_show_$var3" value="showit">\n~,
qq~<input onclick="hideit('$var3')" type="button" id="btn_show_$var3" value="hideit"><br/>\n~,
qq~<ol id="$var3" style="display: none"><li><b>$var3->{name} \: $var3->{value}</b></li></ol>\n~,
qq~</div>\n~;

这不是Perl可以为您做的。 您将需要使用JavaScript进行操作。 看看jQuery lib的功能toggle() 那应该做你想要的。 添加您的段落并添加某种按钮或其他。 然后在该按钮上添加一个click程序以toggle该段落。

以下是文档摘录:

我们可以设置任何元素的动画,例如简单的图像:

 <div id="clickme"> Click here </div> <img id="book" src="book.png" alt="" width="100" height="123" /> 

当另一个元素被点击时,我们将导致.toggle()被调用:

 $('#clickme').click(function() { $('#book').toggle('slow', function() { // Animation complete. }); }); 

不要忘记将jQuery文件加载到 HTML文档的<head>部分中。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM