Question

我的应用程序在Asp.Net MVC3中。我的View中有很多TextBox。并且其中只有少量的只读文本框。我希望只读文本框应该以不同的背景颜色显示。我成功地能够更改视图中所有文本框的背景颜色。以下是我的代码。

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

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

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

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

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

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

这是jQuery脚本：

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

Answer 3

不需要使用allInputs，您的代码将是这样的：

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

如何使用Jquery检查Asp.Net MVC3中的只读TextBox的数量

3 个答案: