javascript - 启用 使用 Jquery 禁用某些组件

Question

我的 viewbag 中有一些值。我使用 Jquery 访问该 viewbag 内容。最初我的 Controller 被禁用。但根据 viewbag 规则，我需要启用一些组件。

Problem is thisone not enabled according to viewbag values.always show it disabled mode.

<script type="text/javascript">
$(document).ready(function () {
    $('.txtnews').attr("disabled", "disabled") //Initially disabled
    $('.txthq').attr("disabled", "disabled")

    if ('@ViewBag.NewsMode'.indexOf("Show")) { // accroding to viewbag values,need thisone enabled.
        $('.txtnews').attr("enabled", "enabled")
    }
    if ('@ViewBag.NewsMode'.indexOf("hqm")) {
        $('.txthq').attr("enabled", "enabled")
    }

})
 </script>

Answer 1

我不确定 enabled 是一个有效的属性，也许您只是想删除已禁用的属性？为此，您可以使用 removeAttr()

例如:

if ('@ViewBag.NewsMode'.indexOf("Show") != -1) {
    $('.txtnews').removeAttr("disabled");
}

Here is a working example

<小时/>

或者，您可以整理逻辑并仅在需要时应用禁用。例如:

$(document).ready(function () {
    if ('@ViewBag.NewsMode'.indexOf("Show") == -1) {
        $('.txtnews').attr("disabled", "disabled");
    }
    if ('@ViewBag.NewsMode'.indexOf("hqm") == -1) {
        $('.txthq').attr("disabled", "disabled");
    }
})