【问题标题】:Can't Enable button in JavaScript无法在 JavaScript 中启用按钮
【发布时间】:2019-01-19 15:50:08
【问题描述】:
<script type="text/javascript"> 
   function Enable_Butt() {               
         document.getElementById("<%=RadButton1.ClientID%>").disabled = false; // Doesn't Work                                                      
   }
</script>

我也试过了,还是不行 //$find("").set_enabled(true);

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
  <ContentTemplate>
    <telerik:RadButton ID="RadButton1" runat="server"  SingleClick="true" SingleClickText="Processing..." AutoPostBack="true" OnClick="Create_Order_Click" Text="Create Order" Font-Bold="true" Font-Size="12" BackColor="#333333" ForeColor="White" Skin="Bootstrap" CssClass="auto-style5"  >
    </telerik:RadButton>
    <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick" Interval="5000" ></asp:Timer>
  </ContentTemplate>
  <Triggers>
    <asp:AsyncPostBackTrigger ControlID="RadButton8" EventName="Click" />
    <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
   </Triggers>
</asp:UpdatePanel>


protected void Timer1_Tick(object sender, EventArgs e){
     ScriptManager.RegisterStartupScript(Page, Page.GetType(), " ", "Enable_Butt()", true);
}

【问题讨论】:

  • 您必须使用您的开发人员工具来验证您的 JavaScript 代码是否真的要求与实际 DOM 中相同的 id 值。您是否在控制台中收到错误报告?

标签: javascript asp.net entity-framework telerik


【解决方案1】:

不要将disabled 属性设置为false,只需将其删除即可:

function Enable_Butt() {
  document.getElementById("button").removeAttribute("disabled");
}

 document.getElementById("b").addEventListener("click", Enable_Butt)
<button disabled id="button">Button</button>
<button id="b">Enable</button>

【讨论】:

  • 在元素节点上将disabled 属性 设置为false 也可以。
  • 没错! HTML 似乎并不关心属性的含义。
  • @Pointy 不正确。请参阅HTML5 spec,其中说“如果设置了禁用属性,则禁用表单控件,[...]”因此您实际上需要删除 disabled 属性才能正确启用它。
  • @Meikel 你可以很容易地用一个快速的 jsfiddle 检查自己。 HTML5 规范是关于 HTML,而不是 DOM。 DOM 元素节点 property 动态控制它。
  • 它也不起作用,但我发现了 Telerik 按钮本身的问题,但它与标准按钮完美配合~谢谢大家
猜你喜欢
  • 2019-01-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多