javascript - 从按钮 OnClientClick js 函数启用 asp.net txtbox

Question

我想启用一个文本框并使其在单击按钮时可见(两者的默认设置均为 false)。我可以回发，但效率很低，所以我希望我的按钮激活 onClientClick 只是为了激活并使其可见。

我尝试过这个:

JS:
function EnableTxt() {
       document.getElementById( '<%=txtSearch.ClientID%>' ).disabled = 'false';
   }

HTML:
<asp:ImageButton ID="btnSearch2" runat="server" ImageUrl="~/Images/search.png" Height="27px" Width="30px" ImageAlign="AbsBottom" OnClientClick="EnableTxt()"/>

<asp:TextBox ID="txtSearch" runat="server" CssClass="btnSearchStyle" Height="27px" Width="134px" onkeypress="return EnterEvent(event)" BackColor="#BDC3C7" BorderStyle="None" Visible="true" Enabled="false"></asp:TextBox>

我发现JS函数没有做任何事情...

Answer 1

将您的代码更改为-

<asp:ImageButton ID="btnSearch2" runat="server" ImageUrl="~/Images/search.png" Height="27px" Width="30px" ImageAlign="AbsBottom" OnClientClick="if(!EnableTxt()){return false};"/>
    <asp:TextBox ID="txtSearch" runat="server" CssClass="btnSearchStyle" Height="27px" Width="134px" onkeypress="return EnterEvent(event)"  BorderStyle="None" style="visibility:hidden" BackColor="#BDC3C7" Enabled="false"></asp:TextBox>

并将 JS 更改为 -

 function EnableTxt()
  {
 var id = document.getElementById('<%=txtSearch.ClientID%>');
    if (id.style.visibility === "hidden" && id.getAttribute('disabled'))
    {
         id.style.visibility = "visible";
         id.removeAttribute("disabled");
    }
    else {
         id.style.visibility = "hidden";
         id.setAttribute("disabled");
         }
  }