zoukankan      html  css  js  c++  java
  • JavaScript实践:点击CheckBox显示/隐藏Details

    用一个CheckBox作为Flag,当选中Flag时,才会显示具体信息。

    方法:

    使用JavaScript的方法

    具体:

    页面代码:把需要显示/隐藏的<tr>设一个ID,如:

     <tr id="WithinPkgs1" style="display: none;">

     <tr id="WithinPkgs2" style="display: none;">

     <tr id="WithinPkgs3" style="display: none;">

    通过CheckBox的onclick事件调用函数:

    <asp:CheckBox ID="chkWithinPkgsFlag" runat="server" onclick="flagShowTest('WithinPkgs',this.checked);" />

    JavaScript函数为:

    JavaScript
       function flagShowTest(objIdPrefix, showFlag)
            {
                 
    var i=1;
                 
    while(true)
                 {
                 
    var obj=document.getElementById(objIdPrefix+i);
                 
    if (obj==undefined||obj==null)
                 { 
    break; }
                 
    if(showFlag==true)
                {
                    obj.style.display
    ='';
                }
                
    else
                {
                    obj.style.display
    ='none';
                }
                i
    ++;
                }
            }
  • 相关阅读:
    C++怎么实现线程安全
    Linux内核之进程地址空间
    Linux内核之内存管理
    内存管理之内存寻址
    Linux内核初探
    进程间通信
    下拉列表控件实例 ComboBoxControl
    数据表格控件 DataGridControl
    8 种百度云高速下载,你值得拥有
    10 快好用的下载工具,终于和迅雷说拜拜了
  • 原文地址:https://www.cnblogs.com/niuniu1985/p/1619209.html
Copyright © 2011-2022 走看看