`
huazx123
  • 浏览: 23724 次
文章分类
社区版块
存档分类
最新评论

radio 隐藏 显示层

 
阅读更多

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

 

 

 

<td align="left"><input name="radiobutton" type="radio" value="1" checked="checked" onclick="showDiv('1')" />
                剑特</td>
            </tr>
            <tr>
              <td align="left"><input type="radio" name="radiobutton" value="2"  onclick="showDiv('2')"/>
                豪杰</td>
            </tr>
            <tr>
              <td align="left"><input type="radio" name="radiobutton" value="3" onclick="showDiv('3')" />
                阴阳术</td>
            </tr>
            <tr>
              <td align="left"><input type="radio" name="radiobutton" value="4" onclick="showDiv('4')" />
                仙术士</td>
            </tr>

 

 

<div id="pic4" style="display:none"><img src="/jszy_07.jpg" width="616" height="200" />4</div>
<div id="pic3" style="display:none"><img src="/jszy_05.jpg" width="617" height="201" />3</div>
<div id="pic2" style="display:none"><img src="/jszy_03.jpg" width="617" height="188" />2</div>
<div id="pic1"><img src="/jszy_01.jpg" width="617" height="214" />1</div>

<script type="text/javascript">
function showDiv(id)
{


  for(var i=1;i<=4;i++)
  {
      if(i==id)
   {
       document.getElementById("pic"+id).style.display="block";
   }
   else
   {
    
       document.getElementById("pic"+i).style.display='none';
   }
  }
}

 
</script>

</body>
</html>

分享到:
评论

相关推荐

    js实现div层的显示与隐藏

    使用js代码实现div层的显示与隐藏,主要是radio的属性。

    JQuery触发radio或checkbox的change事件

    早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层。 初始代码如下: 代码如下: $(function(){ $(“#ischange”).change(function() { alert&#40;“checked”&#41;; }); }); 捣腾了半天...

    jquery zTree 树状导航

    * 【修正 v2.6 beta】对于zTree大容器进行图层隐藏、显示切换时,IE浏览器下出现 未知的运行时错误。(Line:547) 已解决,利用 setTimeout 避免了与其他控件产生冲突 * 【修正 v2.6 beta】zTreeNodeCache 在反复 ...

    GridView使用集合

    3、隐藏控件,当选择处理状态选中备注时,隐藏textbox显示 4、radio控件,选中获取GridView表主键 5、GridView中DropDownList绑定数据,直接绑定显示,无需点击编辑按纽。 6、JavaScript操作checbox实现全选,多选 ...

    ExtAspNet_v2.3.2_dll

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    css笔记课程笔记2019,5,22

    ** 层叠:一层一层的 ** 样式表: 很多的属性和属性值 * 是页面显示效果更加好 * CSS将网页内容和显示样式进行分离,提高了显示功能。 2、css和html的结合方式(四种结合方式) (1)在每个html标签上面都有...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    4.jQuery实现支付宝隐藏层提示信息内容的功能 5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    moOde audio player-r4.2.img+5.x版本

    - FIX:Pi触摸浏览列表中隐藏的最后项目 - FIX:engineMPD成功分支中的未处理错误 - FIX:配置屏幕上的次要格式问题 - FIX:库加载叠加层的居中问题 - FIX:渲染器关闭不重置活动状态 - FIX:搜索(pl,lib,...

    从入门到精通HTML5——PDF——网盘链接

     9.3.3 单选按钮——radio 188  9.3.4 复选框——checkbox 189  9.3.5 普通按钮——button 190  9.3.6 提交按钮——submit 191  9.3.7 重置按钮——reset 192  9.3.8 图像域——image 193  9.3.9 隐藏...

    新版Android开发教程.rar

    ----------------------------------- Android 编程基础 1 封面----------------------------------- Android 编程基础 2 开放手机联盟 --Open --Open --Open --Open Handset Handset Handset Handset Alliance ...

    深入浅出Struts 2 .pdf(原书扫描版) part 1

    如果某种操作在不同的地区有不同的结果,那它就是对地区敏感的(10cale-sensitive),例如,显示日期就是一种对地区敏感的操作,因为日期的显示格式应该顺应本地用户所在的国家或地区的语言习惯。以2007年8月15日为...

Global site tag (gtag.js) - Google Analytics