2012-01-18 15 views
1

我的應用程序是在Asp.Net MVC3.I中有很多文本框在我的View.And中只有很少的只讀文本框。我希望只讀文本框應該以不同的背景顏色顯示。 Im成功地能夠更改我的視圖中的所有文本框的背景顏色。 以下是我的代碼。如何使用Jquery檢查Asp.Net MVC3中的只讀文本框的數量

var allInputs = $(":input"); 
allInputs.css("background", "red"); 

這是如何改變所有文本框的背景。但我希望只有只讀文本框應該改變。 我如何檢查readonly屬性並設置背景。

回答

1

沒有必要使用allInputs,您的代碼將是這樣的:

$(":input[readonly=readonly]").css("myProperty", "myValue"); 
1

只要我知道的,只讀的文本框中使用只讀屬性像定義如下:

<input type="text" readonly="readonly" /> 

所以,你可以更改使用jQuery的屬性選擇只讀文本框的背景色。

這裏的jQuery的腳本:

$(":input[readonly=readonly]").css("background", "red"); 
2

這是非常簡單和偉大的工作。

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("input[type=text]").each(function() { 
      var myText= $(this).attr('readonly'); 
      if (myText) { 
       $(this).css("background", "yello"); 
      } 
     }); 
     }); 
    </script> 
相關問題