Toggle disable button in Razor view ASP.NET MVC 4

Question

I'm trying to toggle between enabling or disabling an html button from a Razor view based on an if statement. This disables the button regardless of the value of the if statement.

@{
    disabled = "";
    if (Model.User.PublicId == ViewBag.SiteUser.PublicId)
    {
        followClass += " you";
        followText = "You";
        disabled = "disabled";
    }
}

<button class="@followClass" disabled="@(disabled)">@(followText)</button>

BTW, you can get rid of all of those parentheses.

SLaks
– SLaks

2013-12-16 19:03:46 +00:00
Commented Dec 16, 2013 at 19:03 — SLaks
– SLaks, Commented Dec 16, 2013 at 19:03

stroz · Accepted Answer · 2013-12-16 19:17:22Z

2

Simple fix, just remove disabled="" from the button definition.

<button class="@followClass" @disabled >@followText</button>

edited Dec 16, 2013 at 19:17

answered Dec 16, 2013 at 19:02

stroz

1,9801 gold badge16 silver badges28 bronze badges

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

2 Comments

pwdst Over a year ago

Disabled is a boolean attribute - see developer.mozilla.org/en-US/docs/Web/HTML/Element/Input - the presence of the attribute indicates that the control is disabled - "disabled" by itself is the same as disabled="disabled". As you have discovered removing the attribute will enable the control.

user22019322 Over a year ago

This must not be allowed anymore. I get unhandled exception rendering component: Failed to execute 'setAttribute' on 'Element': '@disabled' is not a valid attribute name.

Matt · Accepted Answer · 2015-05-19 09:31:01Z

0

If you want to keep the disabled in the button definition you can do the following:

<button @if (@Model.DisableButtonModel) {  @("disabled='1'") }>My Button</button>

answered May 19, 2015 at 9:31

Matt

1,5842 gold badges19 silver badges40 bronze badges

Collectives™ on Stack Overflow

Toggle disable button in Razor view ASP.NET MVC 4

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related