javascript - 如何禁用 TextBox(如果它不为空) 通过页面加载上的 JavaScript

Question

我有一个 ASP.NET 页面，其中包含 ListView 中的一些文本框
我想通过 asp.net ItemDataBound ListView 事件或 Javascript 代码禁用具有某些文本的文本框我怎样才能做到这一点？

<asp:ListView ID="ListView1" runat="server"  DataKeyNames="ID" >
    <ItemTemplate>
        <tr class="xl68" height="29" style='mso-height-source: userset; height: 21.75pt'>

        <td >&nbsp; <asp:Label ID="lblID" runat="server" Visible="false" Text='<%# Eval("ID") %>'></asp:Label></td>
        <td class="xl66" style='border-top: none'><%# Container.DataItemIndex + 1 %> </td>
        <td class="xl69" width="351" style='border-top: none; border-left: none; width: 263pt'> <%# Eval("Name") %></td>
        <td><asp:TextBox runat="server" MaxLength="2" Text='<%# Bind("C1") %>' ID="txb1"  ></asp:TextBox></td>
        <td><asp:TextBox runat="server" MaxLength="2" Text='<%# Bind("C2") %>' ID="txb2"  ></asp:TextBox></td>
        <td><asp:TextBox runat="server" MaxLength="2" Text='<%# Bind("C3") %>' ID="txb3"  ></asp:TextBox></td>
        <td><asp:TextBox runat="server" MaxLength="2" Text='<%# Bind("C4") %>' ID="txb4"  ></asp:TextBox></td>
        <td><asp:TextBox runat="server" MaxLength="2" Text='<%# Bind("C5") %>' ID="txb5"  ></asp:TextBox></td>
        <td class="xl67">&nbsp;</td>

        </tr>

    </ItemTemplate>
</asp:ListView>

Answer 1

为每个 TextBox 控件添加 CssClass 属性，如下所示

<asp:TextBox runat="server" MaxLength="2" ID="txb1" CssClass="myCss"  ></asp:TextBox>

在aspx中添加Js函数

 function DisableInput(){

     var inputs = $('input.myCss[type="text"]');
     inputs.each(function( index ) 
     {
       if( $( this ).text() !='')
       {
        $( this ).attr('disabled',true);
       }
     });

 }

在 Page_Load 事件中添加此代码

ClientScript.RegisterStartupScript(GetType(), "Javascript", "javascript:DisableInput(); ", true);