Enable Disable some component using Jquery

Question

I have some values in my viewbag.I access that viewbag contents using Jquery.Initially my controllers are disabled.But according to viewbag rules i need to enable some some components.

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>

you can try $('.txtnews').attr('disabled', false);

Sushil
– Sushil

2015-07-15 16:19:47 +00:00
Commented Jul 15, 2015 at 16:19 — Sushil
– Sushil, Commented Jul 15, 2015 at 16:19

musefan · Accepted Answer · 2015-07-15 16:23:04Z

2

I am not sure enabled is a valid attribute, perhaps you just want to remove the disabled attribute instead? For this you can use removeAttr()

For example:

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

Here is a working example

Alternatively you could tidy up your logic and only apply disabled when needed. For example:

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

edited Jul 15, 2015 at 16:23

answered Jul 15, 2015 at 16:18

musefan

48.6k21 gold badges144 silver badges193 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

musefan Over a year ago

@TechGuy: Just a point, if NewsMode starts with "Show" then indexOf will be 0 (which is false). Instead you could do >= 0 or != -1 to check if it contains it

Collectives™ on Stack Overflow

Enable Disable some component using Jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related