`
luccs624061082
  • 浏览: 84474 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

hide show

    博客分类:
  • js
阅读更多
对于div 达到这样效果 三个可供选择的radio 点击后隐藏 显示其中一个 再次点击还原
<div class="time4" id="pressTime" >
<p>
<input type="radio" name="healthLogs.press" id="press"
value="0" ${healthLogs.press==0? "checked=checked":""} onclick="showOrHidePress(this)">
很大
</p>
<p>
<input type="radio" name="healthLogs.press" id="press"
value="1" ${healthLogs.press==1? "checked=checked":""} onclick="showOrHidePress(this)">
较大
</p>
<p>
<input type="radio" name="healthLogs.press" id="press"
value="2" ${healthLogs.press==2? "checked=checked":""} onclick="showOrHidePress(this)">
一般
</p>
</div>
<div align='center' id="press_luccs" style='line-height:105px;display: none;' onclick='restore()'></div>


js设计:
function showOrHidePress(obj) {//obj传值 传递被选中对象的id
var radio = obj.value;
    document.getElementById('pressTemp').value = radio;
    $("#press_luccs").show();
    $("#pressTime").hide();
if (radio == 0) {
$('#press_luccs')
.html(
"<font color='black' size='4' face='arial'>很大</font>");
} else if (radio == 1) {
$('#press_luccs')
.html(
"><font color='black' size='4' face='arial'>较大</font>");
} else if (radio == 2) {
$('#press_luccs')
.html(
"<font color='black' size='4' face='arial'>一般</font>");
}

}

function restore(){
$("#pressTime").show();
$("#press_luccs").hide();
}
代码编写的时候 因为div很多是相同的,可以抽象出来放在jsp中,js中只设计逻辑操作。
分享到:
评论

相关推荐

    vim-HideShow:基于正则表达式的交互式折叠

    隐藏显示.vim HideShow 可以轻松地将基于正则表达式的折叠应用于您的 vim 缓冲区。 例如,Java 源文件的简单折叠可能是: :Show \v (public|private|protected) :Show 和 :Hide 调用是累积的,因此以下三个 :Show ...

    hideshowvis:在Emacs边缘中添加一些小+-图标,以显示hideshow.el可以隐藏的区域

    3. **hideshow** - 提及了Emacs中的`hideshow`功能,这是原生的代码折叠模块。 4. **EmacsEmacsLisp** - 这可能是标签输入错误,但可以理解为强调Emacs和Emacs Lisp的结合使用。 **文件名称列表:** 在提供的...

    Fragment的hide和show切换

    "Fragment的hide和show切换"是Android开发中一个常见的操作,用于管理Activity内的Fragment视图状态,实现界面的动态切换。下面将详细阐述Fragment的hide和show方法的使用、原理以及在实际开发中的应用场景。 首先...

    fragment 通过show和hide 实现界面切换

    `show()`和`hide()`方法是Fragment管理中常用的两个方法,用于在不销毁Fragment的情况下实现界面的动态切换,从而提高用户体验并优化性能。 首先,我们要理解Fragment的基本概念。Fragment有自己的生命周期,可以...

    用js模拟JQuery的show与hide动画函数代码

    jQuery库提供了方便的方法来实现元素的显示与隐藏动画,例如`hide()`和`show()`。尽管jQuery提供了跨浏览器的便利,但在某些情况下,开发者可能会寻求使用纯JavaScript实现同样的效果,以减少对第三方库的依赖或出于...

    Android使用Fragment实现底部菜单使用show()和hide()来切换以保持Fragment状态

    本文将深入探讨如何使用Fragment配合底部菜单,通过show()和hide()方法来切换Fragment并保持其状态。 首先,让我们理解Fragment的基本概念。Fragment是一个可以包含UI组件的部分,它可以独立于Activity存在,也可以...

    Show-Hide Files.app

    `Show-Hide Files.app`是一款专为Mac用户设计的工具,用于快速方便地显示或隐藏这些隐藏文件。这款应用提供了直观的界面,使得普通用户也能轻松操作,无需掌握复杂的命令行指令。 首先,了解Mac中的隐藏文件是非常...

    jquery-accessible-hide-show-aria:一个简单的jQuery代码,使用ARIA提供可访问的hideshow系统

    **jQuery Accessible Hide-Show ARIA插件** `jQuery Accessible Hide-Show ARIA` 是一个专门为提升网页可访问性而设计的插件,它基于流行的JavaScript库jQuery,并结合了ARIA(Accessible Rich Internet ...

    ShowHide

    标题“ShowHide”暗示我们正在讨论一个C++编程项目,其功能是隐藏或显示任务栏上运行程序的窗口。在Windows操作系统中,这通常涉及到与Windows API交互,特别是那些处理窗口管理和可见性的函数。 首先,我们需要...

    delphi中visiblet和hide使用方法举例

    在Delphi编程环境中,`Visible` 和 `Hide` 是两个非常基础且重要的属性和方法,它们主要用于控制组件(如按钮、表格、标签等)在界面上的可见性。本篇文章将详细阐述`...`Hide`和`Show`是方法,需要通过调用来执行。

    File_Hide_Show.zip_hide

    标题中的"File_Hide_Show.zip_hide" 提到的是一个能够执行文件隐藏和显示功能的程序,这可能是作者自己编写的,具有方便用户快速管理隐藏文件的特性。下面将详细解释这一领域的相关知识。 首先,我们来理解什么是...

    VB 实现隐藏任务栏

    同时,为了保证用户可以随时恢复任务栏,可以创建一个独立的可执行文件(如`hideshow.exe`),这个文件负责显示一个简单的界面,提供“显示任务栏”的按钮。 总之,通过VB和Windows API,我们可以轻松实现对任务栏...

    77.(leaflet篇)leaflet图层显示与隐藏.zip

    下载如有问题,可私信博主。下载前建议先查看博客内容,其地址为:https://blog.csdn.net/QQ98281642/article/details/123814322

    android使用Fragment实现底部菜单使用show()和hide()来切换以保持Fragment状态的源码

    android使用Fragment实现底部菜单使用show()和hide()来切换以保持Fragment状态,详情请参看http://blog.csdn.net/lovexieyuan520/article/details/50594271

    show_hide_file

    显示所有文件

    Hello-Lucy:HideShow页面,所有或单个模块。 改进且更加用户友好

    你好露西简化的MM离线语音控制新的和改进的。 更人性化和更多改进。特别感谢sdetweil提供坚定的支持,指示,错误纠正和有趣的评论。致谢cowboysdude的灵感,模态专栏魔术和音频支持适用于MMM语音的STRAWBERRY 3.141 ...

    VB Hide方法隐藏窗体

    在Visual Basic(VB)编程环境中,`Hide`方法是一个非常基础但重要的概念,尤其是在创建具有多个窗体的应用程序时。`Hide`方法用于暂时隐藏已显示的窗体,而不是关闭它,这意味着窗体的状态并未改变,只是从用户的...

    jQuery中show与hide方法用法示例

    在jQuery库中,`show()`和`hide()`是两个非常基础且常用的动画方法,用于控制DOM元素的可见性。这两个方法使得开发者能够轻松地在页面上实现元素的显示和隐藏,通常与用户交互如点击按钮、链接等行为相结合,以增强...

    实例讲解Jquery中隐藏hide、显示show、切换toggle的用法

    本篇文章主要介绍jQuery中三种非常实用的方法:hide()、show()和toggle(),用于实现元素的隐藏、显示以及切换显示状态。 首先,让我们看一下show()方法。在上述代码中,show()方法用来显示元素。show()可以接受一个...

    Find_hide_Process.rar_C++builder _Show Hidden Process_find hide_

    标题中的"Find_hide_Process.rar_C++builder _Show Hidden Process_find hide_"表明这是一个关于使用C++Builder编程语言来显示和查找Windows系统中隐藏进程的项目。这个项目可能涉及到系统级编程和进程管理的知识点...

Global site tag (gtag.js) - Google Analytics