asp.net相关控件的客户端及服务器端的禁用和启用

本例包括以下控件的相关示例:
Button,ImageButton,TextBox,
DropDownList,CheckBox,RadioButton
的客户端及服务器端的禁用和启用
以及
LinkButton,HyperLink 的服务器端禁用和启用

借助于父控件如td等 来实现
LinkButton,HyperLink 的客户端禁用和启用

----------------------------------------

Button,ImageButton,TextBox,
DropDownList,CheckBox,RadioButton
的客户端及服务器端的禁用和启用
------------------------------------
服务器端 相关代码如下:
//服务器端启用
protected void Button2_Click(object sender, EventArgs e)
{
    Button1.Attributes.Remove("disabled");
    ImageButton1.Attributes.Remove("disabled");
    TextBox1.Attributes.Remove("disabled");
    DropDownList1.Attributes.Remove("disabled");

    CheckBox1.Attributes.Remove("disabled");
    RadioButton1.Attributes.Remove("disabled");
}

//服务器端禁用
protected void Button4_Click(object sender, EventArgs e)
{
    Button1.Attributes["disabled"] = "true";
    ImageButton1.Attributes["disabled"] = "true";
    TextBox1.Attributes["disabled"] = "true";
    DropDownList1.Attributes["disabled"] = "true";

    CheckBox1.Attributes["disabled"] = "true";
    RadioButton1.Attributes["disabled"] = "true";
}

客户端 相关代码如下:

<script language="javascript" type="text/javascript">
//客户端禁用
function ControlDisabled()
{
    document.all.Button1.disabled = true;
    document.all.ImageButton1.disabled = true;
   
    document.all.TextBox1.disabled = true;
    document.all.DropDownList1.disabled = true;
   
    document.all.CheckBox1.disabled  = true;
    document.all.RadioButton1.disabled  = true;
}  

//客户端启用
function ControlEnabled()
{
    document.all.Button1.disabled = false;
    document.all.ImageButton1.disabled = false;
   
    document.all.TextBox1.disabled = false;
    document.all.DropDownList1.disabled = false;
   
    document.all.CheckBox1.disabled  = false;
    document.all.RadioButton1.disabled  = false;
}    
</script>
-----------------------------
LinkButton,HyperLink 的服务器端 禁用与启用
(不支持对LinkButton的 OnClientClick 事件的禁用)
-------------------------------------------------
<asp:LinkButton ID="LinkButton1" runat="server"  
    OnClick="LinkButton1_Click"  >
     LinkButton</asp:LinkButton>
<br />
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.freeliver.cn" Target="_blank" >
     HyperLink</asp:HyperLink>       
<br />

服务器端代码:
//LinkButton,HyperLink 服务器端启用
protected void Button2_Click(object sender, EventArgs e)
{
    LinkButton1.Enabled = true;
    HyperLink1.Enabled = true;
}

//LinkButton,HyperLink 服务器端禁用
protected void Button4_Click(object sender, EventArgs e)
{
    LinkButton1.Enabled = false;
    HyperLink1.Enabled = false;
}
-----------------------
借助于父控件如td等
来实现 LinkButton,HyperLink 的客户端禁用和启用
--------------------------
<table>
  <tr>
    <td id="tdLinkButton" οnclick="return tdLinkButtonOnClick();">
        <asp:LinkButton ID="LinkButton1" runat="server"
                        OnClick="LinkButton1_Click"   >
        LinkButton</asp:LinkButton>
    </td>
    <td id="tdHyperLink"  οnclick="return tdHyperLinkOnClick();">
        <asp:HyperLink ID="HyperLink1" runat="server"
                        NavigateUrl="http://www.freeliver.cn" Target="_blank"  >
        HyperLink</asp:HyperLink>
    </td>
  </tr>
</table>  

<script language="javascript" type="text/javascript">
//LinkButton,HyperLink 客户端禁用
function ControlDisabled()
{         
      document.all.LinkButton1.disabled = true;
      document.all.HyperLink1.disabled = true;
}          
//LinkButton,HyperLink 客户端启用
function ControlEnabled()
{       
      document.all.LinkButton1.disabled = false;
      document.all.HyperLink1.disabled = false;
}
   
//tdLinkButton的onclick事件
//如果LinkButton1的disabled==true
//则不响应相关事件
function tdLinkButtonOnClick()
{       
    if(document.all.LinkButton1.disabled)
    {
        return false;
    }
    else
    {
        return true;
    }
}

//tdHyperLink的onclick事件
//如果HyperLink1的disabled==true
//则不响应相关事件
function tdHyperLinkOnClick()
{
    if(document.all.HyperLink1.disabled)
    {       
        return false;
    }
    else
    {
        return true;
    }
}
</script>

转自:http://www.cnblogs.com/freeliver54/archive/2007/03/01/660395.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值