Asp.net mvc 3 如何使用Jquery检查Asp.NETMVC3中只读文本框的数量

Asp.net mvc 3 如何使用Jquery检查Asp.NETMVC3中只读文本框的数量,asp.net-mvc-3,Asp.net Mvc 3,我的应用程序在Asp.Net MVC3中。我的视图中有许多文本框。其中很少有只读文本框。我希望只读文本框应以不同的背景颜色显示。 我成功地改变了我视图中所有文本框的背景色。 下面是我的代码 var allInputs = $(":input"); allInputs.css("background", "red"); 这就是所有文本框背景的改变方式。但我希望只有只读文本框应该被改变。 如何检查readonly属性并设置背景。据我所知,readonly文本框是使用如下属性定义的: <inp

我的应用程序在Asp.Net MVC3中。我的视图中有许多文本框。其中很少有只读文本框。我希望只读文本框应以不同的背景颜色显示。 我成功地改变了我视图中所有文本框的背景色。 下面是我的代码

var allInputs = $(":input");
allInputs.css("background", "red");
这就是所有文本框背景的改变方式。但我希望只有只读文本框应该被改变。
如何检查readonly属性并设置背景。

据我所知,readonly文本框是使用如下属性定义的:

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

据我所知,只读文本框是使用readonly属性定义的,如下所示:

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

无需使用allInputs,您的代码如下:

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

无需使用allInputs,您的代码如下:

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

它非常简单,工作也很好

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

$(文档).ready(函数(){
$(“输入[type=text]”)。每个(函数(){
var myText=$(this.attr('readonly');
如果(myText){
$(this.css(“background”,“yello”);
}
});
});

它非常简单,工作也非常好

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

$(文档).ready(函数(){
$(“输入[type=text]”)。每个(函数(){
var myText=$(this.attr('readonly');
如果(myText){
$(this.css(“background”,“yello”);
}
});
});