CODEWITHSUNDEEP
jqueryasp.net-mvcasp.net-mvc-3razor
Merenzo
Merenzo

Reputation: 5156

How do I pass a ViewModel boolean to a jquery function?

I'd like a div to show if a ViewModel bool is set to true.

I tried this:

$(function () {
    $("#myDiv").toggle(@Model.IsRequired);
}

But @Model.IsRequired appears as either "True" or "False", rather than "true" or "false".

Any ideas?

Upvotes: 4

Views: 5311

Answers (3)

IdahoB
IdahoB

Reputation: 737

Here's yet another way using jQuery / javascript:

Markup:

<... onclick='HandleClick()' ... />

Script:

function HandleClick() {
    var isRequired = '@Model.IsRequired';
    if (isRequired === 'True') {
        $('#myDiv').toggle(true);
    } else {
        $('#myDiv').toggle(false);
    }
}

Upvotes: 0

tvanfosson
tvanfosson

Reputation: 532595

Some alternatives to just lowercasing the string:

Use the ternary operator with actual strings

$(function () {
    $("#myDiv").toggle(@(Model.IsRequired?"true":"false"));
}

or you can output different invocations depending on the value

$(function () {
    @if (Model.Required)
    {
        $("#myDiv").toggle(true);
    }
    else
    {
        $("#myDiv").toggle(false);
    }
}

or combine them

$(function () {
    @(Model.IsRequired
         ?"$('#myDiv').toggle(true);"
         :"$('#myDiv').toggle(false);")
}

Upvotes: 3

SLaks
SLaks

Reputation: 887827

You can just write @Model.IsRequired.ToString().ToLower().

I don't think there's any better solution (other than your own extension method)

Upvotes: 11

Related Questions