如何使用 Jquery 检查 Asp.Net MVC3 中只读文本框的数量答案

【问题标题】：How to check the number of readonly TextBoxes in Asp.Net MVC3 using Jquery如何使用 Jquery 检查 Asp.Net MVC3 中只读文本框的数量
【发布时间】：2012-01-18 05:42:04
【问题描述】：

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

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

这就是所有文本框背景的更改方式。但我希望只更改只读文本框。如何检查只读属性并设置背景。

【问题讨论】：

标签： asp.net-mvc-3

【解决方案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>

【讨论】：

【解决方案2】：

没有必要使用allInputs，你的代码是这样的：

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

【讨论】：

【解决方案3】：

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

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

因此，您可以使用 jQuery 中的属性选择器更改只读文本框的背景颜色。

这是 jQuery 脚本：

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

【讨论】：