js 隐藏/显示模块

最新推荐文章于 2023-03-08 15:51:56 发布
最新推荐文章于 2023-03-08 15:51:56 发布
阅读量2.3k 收藏
点赞数
文章标签： div class function javascript input asp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zf_missyou/article/details/5716503
版权

//用html的Button控制DIV的显示和隐藏

<script type="text/javascript" language="javascript">

function onclickli(modk)
        {
            ObjectA = "LiTab";
             switch(modk)
                {
                   case 1:
                    document.getElementById('DivSearchTab').style.display="block";
                    document.getElementById('DivSearchTab2').style.display="none";
                     break;
                    case 2:
                    document.getElementById('DivSearchTab2').style.display="block";
                    document.getElementById('DivSearchTab').style.display="none";
                     break;

                 }

         }

 

 </script>

<body>

//两个按钮控制的哪些DIV

<input id="LiTab1" type="radio" class="liOn" οnclick="onclickli(1)" checked="checked"
                        name="x1" />出售 
        <input id="LiTab2" type="radio" οnclick="onclickli(2)" name="x1"/>出租

//要显示或隐藏的DIV模块

                    <div class="disp" id="DivSearchTab">
                                      123456789

                                    </div>

 

 

 

                    <div class="nod" id="DivSearchTab2">
                                      123456789

                                    </div>

</body>

 

 

css:

.disp
{
display:block;
}
.nod
{
display:none;
}

 

//下面是用RadioButtonList来控制隐藏或显示

 

 function onclickli()
        {
            ObjectA = "LiTab";
             var Radio1=document.getElementById('rblselect');
            for(var i=0;i<=3;i++)
            {
                if(Radio1.getElementsByTagName('input')[i].checked)
                {
                if ( i== "0")
                {
                  
                    document.getElementById('DivSearchTab').style.display="block";
                    document.getElementById('DivSearchTab2').style.display="none";
                }
                    else if ( i== "1")
                    {
                  
                    document.getElementById('DivSearchTab2').style.display="block";
                    document.getElementById('DivSearchTab').style.display="none";
                       }
                               }
                }
        }

 

//两个按钮控制的哪些DIV

<asp:RadioButtonList ID="rblselect" runat="server" style="float:left;"  οnclick="onclickli()"
                        RepeatDirection="Horizontal">
                        <asp:ListItem Selected="True" Value="0">出售</asp:ListItem>
                        <asp:ListItem Value="1">出租</asp:ListItem>
                                                 </asp:RadioButtonList>

 

//要显示或隐藏的DIV模块

                    <div class="disp" id="DivSearchTab">
                                      123456789

                                    </div>

 

 

 

                    <div class="nod" id="DivSearchTab2">
                                      123456789

                                    </div>

zf_missyou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用JavaScript设置隐藏功能
weixin_57772001的博客
05-13 5685
开发工具与关键技术：DW、JavaScript 作者：张秋豪 撰写时间：2021/5/14 一、在DW开发工具中新建一个html文档 然后给它设置一个div标签和一个按钮<button>标签 给它们设置类和Id，便于下一步设置功能。 二、因为是个小功能效果，所以直接在html文本中给个样式css标签（1）<style>和JavaScript标签（2）<script>,再给div设置宽、高和背景颜色。 三、Ctrl...
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
11-22
在JavaScript和ASP.NET Web Forms的上下文中，"js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法"涉及到动态控制网页元素可见性的技术。以下是对这一实现方法的详细解释： 首先，我们看到一个名为`rblGJS...
js显示隐藏模块
whoathree的梦
03-20 436
function showhidediv(id){ try{ var sbtitle=document.getElementById(id); if(sbtitle){ if(sbtitle.style.display=='block'){ sbtitle.style.display='none'; }else{ sbtitle.style.display='bl...
ASP.NET 2.0中隐藏listbox的某一项
weixin_33928467的博客
11-26 208
在asp.net 2.0中，可以隐藏listbox中的某一项，比如ListItem item = new ListItem(text, value, enabled); 当然，也可以用item.Enabled = false; 虽然在页面中隐藏了，但依然可以用代码来访问隐藏的选项的，下面是一个例子 <%@PageLanguage="C#"...
html多个class,仅显示其中一个的
兔老大的胡萝卜
03-14 944
$("#rotation_chart").show();//默认显示的部分 $(".leftmenu").click(function() {//点击的位置 var index = $(".leftmenu").index(this) //使用索引 $...
JS实现点击链接切换显示隐藏内容的方法
10-19
总结一下，本篇内容主要讲解了如何使用JavaScript结合HTML和CSS实现点击链接切换显示隐藏内容的技巧，涉及到的关键点包括：事件监听、DOM操作、元素属性动态变换等。了解并掌握这些基本概念和技巧，对于提升网页交互...
JS实现的tab切换并显示相应内容模块功能示例
12-10
本文将深入讲解如何使用JavaScript实现一个简单的Tab切换功能，展示相应的内容模块。 首先，我们需要理解基本的实现思路。这个示例中，使用了一层循环遍历所有的Tab导航元素（在本例中是`<li>`元素），并将每个元素...
vue实现动画，点击实现隐藏显示
04-11
在Vue.js中实现动画以及点击事件来控制元素的隐藏与显示是前端开发中常见的需求。Vue.js是一个轻量级的JavaScript框架，它提供了强大的数据绑定和组件化功能，同时也内置了方便的过渡效果系统，使得在DOM操作时可以...
原生js显示隐藏div区域块
liuhai的博客
02-21 1万+
此处对不同种类数据的聚类分析采用的是k-means算法， 点击下方查看k-means简介 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事 (1)这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是一个悲伤的故事这是
js相关小实例——点击显示隐藏模块
03-11 120
代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head...
js如何将一个按钮显示或者隐藏
热门推荐
h_tinkinginjava的博客
10-19 5万+
关于一个元素的显示和隐藏有很多的方法，随便百度就可以找到办法，这边我就记录一下我是怎么显示和隐藏的，便于以后回顾。 需求是：当state为1和2时，按钮（id是plshbtn）就是隐藏起来；当state为0时，按钮就会显示。 js方法如下： if($("#state").val()==0){ $("#plshbtn").attr("style","display:block;"); }
js 实现 显示隐藏功能
weixin_51614564的博客
03-08 520
首先我们得实现html 样式。在js 中获取dom 元素。
JS切换类并显示相应的内容模块
sennyla的博客
01-26 3946
思路：一层循环遍历操作的元素并获取当前遍历到的元素的下标，通过下标去选择显示对应的内容模块。 二层循环将元素恢复操作前的状态。 var fbUls =document.getElementById("oUl"); var fbLis = fbUls.getElementsByTagName("li"); var aDivs = document.getElementsByClassNa
Odoo隐藏应用模块
Vr_net的博客
06-13 2527
需求：odoo11企业版中，二级管理员有跟超级管理员（系统管理-设置权限）一样的权限情况下，不给应用模块（更新，卸载等） 实现： 1、谷歌浏览器打开odoo界面，右键应用→检查，找到父类div class="o_application_switcher_scrollable" 通过它找到对应js文件 2、打开app_switcher.js文件找到如下menu_date（菜单数据） ...
JavaScript点击一个按钮隐藏和显示div
Return_KB的博客
01-09 3万+
本章节通过代码实例介绍一下如何实现点击同一按钮实现一个元素的显示和隐藏效果。 此效果还是比较实用的，比如点击按钮可以实现一个功能模块的显示或者隐藏。 下面就通过代码实例介绍一下如何实现此功能。 代码实例如下: 01020304050607080910111213141516171819202122232425262728293031323334html>head>meta ch
jQuery基础（动画篇 animate，显示隐藏，淡入淡出，下拉切换）
weixin_30681121的博客
05-13 1517
1.jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数： .hide( options )当提供hi...
js如何使模块先显示再渐渐隐藏
最新发布
06-02
可以通过CSS的`opacity`属性和JavaScript的`setTimeout()`函数实现模块先显示再渐渐隐藏的效果。 首先，将模块的`opacity`属性设置为0，让模块一开始隐藏： ```css .module { opacity: 0; } ``` 然后，使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值