js 设置button 的disabled属性
2009-12-01 22:13
661 查看
.net 页面中,需有有一个button按钮,点击后,设置本按钮的disabled属性,并触发服务器端事件。代码如下:
html:
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" OnClientClick="this.disabled=true;return true;" />
</form>
c#
protected void Button1_Click(object sender, EventArgs e)
{ }
但是问题来了,他只触发了客户端事件,服务器端事件压根就没有执行。
查了一下资料。添加属性UseSubmitBehavior="false" 后可以实现先触发客户端事件,设置disabled属性,再执行服务器端事件。
但是执行完服务器端事件后,属性disabled 又重新变成 enabled了。
最后为了达到要求,索性直接在服务器端设置性enabled。然后客户端可以通过某一必填项,触发,再清除button的属性disabled
完整代码如下:
js代码:
function display1()
{
document.getElementById("<%=Button1.ClientID%>").removeAttribute("disabled");
}
html代码:
<form id="form1" runat="server">
<input type="text" runat="server" onchange="display1()" />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"/>
</form>
c#代码:
protected void Button1_Click(object sender, EventArgs e)
{
this.Button1.Enabled = false;
}
html:
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" OnClientClick="this.disabled=true;return true;" />
</form>
c#
protected void Button1_Click(object sender, EventArgs e)
{ }
但是问题来了,他只触发了客户端事件,服务器端事件压根就没有执行。
查了一下资料。添加属性UseSubmitBehavior="false" 后可以实现先触发客户端事件,设置disabled属性,再执行服务器端事件。
但是执行完服务器端事件后,属性disabled 又重新变成 enabled了。
最后为了达到要求,索性直接在服务器端设置性enabled。然后客户端可以通过某一必填项,触发,再清除button的属性disabled
完整代码如下:
js代码:
function display1()
{
document.getElementById("<%=Button1.ClientID%>").removeAttribute("disabled");
}
html代码:
<form id="form1" runat="server">
<input type="text" runat="server" onchange="display1()" />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"/>
</form>
c#代码:
protected void Button1_Click(object sender, EventArgs e)
{
this.Button1.Enabled = false;
}
相关文章推荐
- JS中设置按钮不可用的disabled属性
- js和jquery设置disabled属性为true使按钮失效
- js与jquery设置disabled属性
- Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
- js和jquery设置disabled属性为true使按钮失效
- js和jquery设置disabled属性为true使按钮失效
- 页面中设置默认的回车激活按钮, ASP.NET DefaultButton 属性
- JQuery设置和去除disabled属性
- ImageButton设置非法属性不检测出错,运行出错
- 当控件设置disabled="disabled"属性时,后台不能获取修改后的值
- js设置和获取自定义属性的方法
- 设置UIBarButtonItem的属性
- js中设置css属性
- 设置元素disabled属性
- IE里button设置border:none属性无效解决方法
- js插入表行 js设置tr属性
- ASP 中 Cookies 的 Expires 属性的设置(JS版本)
- js设置和获取自定义属性
- jquery attr 设置属性 checked disabled 不起作用 改用prop
- JQuery设置和去除disabled属性