AutoPostBack = "false"の場合、asp.netのテキストボックスのためにreadonlyを置きます。

Question

TextBoxに値があるかどうかを確認して、そのフィールドを読み取り専用にする必要があります。私はAutoPostBack="false"を使用しているので、私はバックエンドでそれを行うとは思わない。ここで

は私のコードです：

ASPXページ：

<telerik:RadButton runat="server" AutoPostBack="false" CssClass="btnLookup topIngbtnLookup" ID="btnIngredientsLookUp" Image-ImageUrl="~/Images/searchIng.PNG" /> 

はJavaScript：

$('#txtIngredientsName').keypress(function() { 
    if ($(this).val() != '') { 
     $(this).addClass('readOnlyFields'); 
    } 
    else { 
     $(this).removeClass('readOnlyFields'); 
    } 
}); 

CSS：

.readOnlyFields { 
    pointer-events: none !important; 
    background-color: #ccc !important; 
} 

Answer 1

あなたはenabledのプロパティを探していると思います。

<script type="text/javascript"> 
    $('#<%=btnIngredientsLookUp.ClientID %>').keypress(function() { 
     if ($(this).val() !== '') { 
      $(this).addClass('readOnlyFields'); 
      $(this).attr('enabled', 'false'); 
     } else { 
      $(this).removeClass('readOnlyFields'); 
      $(this).attr('enabled', 'true'); 
     } 
    }); 
</script>