CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  ASP

请问怎么实现这种效果?

楼主safinxia(夏)2004-12-03 02:48:57 在 Web 开发 / ASP 提问

有两个checkbox,   值分别为yes,no  
  还有其他一些控件,默认是不可见的   或者是   灰的,不可用的  
  当选择了yes后,这些控件变得可见或者可用  
  这个功能应该怎么做?  
  最好有例子!谢谢了! 问题点数:20、回复次数:2Top

1 楼billy36()回复于 2004-12-03 02:54:10 得分 10

定义函数  
  <script   language="JavaScript">  
          function   showadv(){  
  if   (document.Form1.show.checked   ==   true)   {  
  adv.style.display   =   "";  
  advance.innerText="关闭数据排序选项"  
  }else{  
  adv.style.display   =   "none";  
  advance.innerText="显示数据排序选项"  
  }  
  }  
   
   
   
   
  你需要   显示/隐藏的内容  
        <tr   id=adv   style="DISPLAY:   none">  
          <td   height="75"   valign="middle"   class="table_newmailbg"   ><font   class="fontxz"   color=ff0000>您要排序的字段:</font></td>  
          <td   valign="top"     class="table_mainbg"   ><div   align="center">  
                      <select   name="px2"   style="width:150"   size="13"   multiple   class="submitu"   ondblClick="JavaScript:AppendItem('px2','px')">  
                      <option   value=""   >全部字段</option>  
                      <option   value="xxbmh"   >学校报名号</option>  
                      <option   value="xqbmh">县区报名号</option>  
                      <option   value="xm">姓名</option>  
                      <option   value="bkzy">报考专业</option>  
                      <option   value="sfzh">身份证号</option>  
                      <option   value="xb">性别</option>  
                      <option   value="nl">年龄</option>  
                      <option   value="jg">籍贯</option>  
                      <option   value="dz">地址</option>  
                      <option   value="dh">电话</option>  
                      <option   value="yb">邮编</option>  
                      <option   value="cj">成绩</option>  
                      </select>  
              </div></td>  
          <td   align="center"   valign="middle"     class="table_mainbg"><input   onClick="JavaScript:AppendItem('px2','px')"   type=button   value="添加>>"   name=Input   class="submit">  
              <br>  
              <br>  
              <input   onClick="JavaScript:RemoveItem('px')"   type=button   value="<<删除"   name=Input2   class="submit"></td>  
          <td   align="center"   valign="middle"     class="table_mainbg"><select   name="px"   style="width:150"   size="13"   multiple   class="submitu"   ondblClick="JavaScript:RemoveItem('px')">  
                     
      </select></td>  
      </tr>  
       
   
   
  显示/隐藏的checkbox      
      <tr>  
          <td   height="27"   colspan="4"   valign="top"   class="writemailbg">  
          <div   align="left"><INPUT   id=show   name=show   type=checkbox   value=1   onclick=showadv()><span   id="advance">显示数据排序选项</span></div>  
  <div   align="center">   <input     type="submit"     onClick=JavaScript:ToGo()   class="submit"   value="预览打印">                                <input   name="Submit2"   type="reset"   class="submit"   value="打     印">  
          </div></td>  
          </tr>Top

2 楼sickyj(思静~已空悲)回复于 2004-12-03 08:41:17 得分 10

<script>  
  function   show_radion(VarN_r)  
  {  
  if   (VarN_r==0){  
  strshow.style.display="none"  
  }  
  else   if   (VarN_r==1){  
  strshow.style.display=""  
  }  
  }  
  </script>  
  <html>  
  <body   onload="show_radion(0);">  
  <table>  
          <tr>  
              <td><input   type="radio"   value="yes"   onclick="show_radion(0);">yes<input   type="radio"   value="no"   onclick="show_radion(1);">>no</td>  
        </tr>  
        <tr   id="strshow">.....需要隐藏的表单元素.....</tr>  
  </table>  
  </body>  
  </html>Top

相关问题

  • 需要这种效果....怎么实现????????????
  • 这种效果怎么实现?
  • 请问这种效果怎么实现?
  • 怎么实现这种效果
  • 请问这种效果怎么实现,关于框架
  • 这种翻书的效果怎么实现.有源代码吗?
  • 高分求:Dotnet下这种效果怎么实现?
  • 这种效果怎么实现,看起来有N多棵树!
  • 我做的表单里面,怎么才能实现这种效果?
  • 这种窗体动画效果是怎么实现的?(示例见内)

关键词

  • 控件
  • 可见
  • yes

得分解答快速导航

  • 帖主:safinxia
  • billy36
  • sickyj

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo