Как проверить количество текстовых блоков только для чтения в Asp.Net MVC3, используя Jquery

Question

Мое приложение находится в Asp.Net MVC3.У меня много текстовых блоков в моем представлении. И в нем мало текстовых полей только для чтения. Я хочу, чтобы текстовые поля только для чтения отображались с другим цветом фона.Я успешно могу изменить цвет фона всех текстовых полей в моем представлении.Ниже приведен мой код.

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

Так изменяется фон всех текстовых полей. Но я хочу, чтобы только текстовые поля, доступные только для чтения, были изменены.Как я могу проверить свойство только для чтения и установить фон.

Answer 1

Это было довольно просто и прекрасно работает.

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

Answer 2

Нет необходимости использовать allInputs, ваш код будет выглядеть так:

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

Answer 3

Насколько я знаю, текстовые поля только для чтения определяются с использованием атрибута readonly , как показано ниже:

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

Таким образом, вы можете изменить цвет фона текстовых полей только для чтения, используя селектор атрибута в jQuery.

Вот скрипт jQuery:

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