working with bool value from View in javascript

Question

I have a bool property in a model:

public bool IsExistSchedule {get; set;}

In the View I wrote the following:

<div id="step1" data-schedule="@Model.IsExistSchedule">
...
</div>

In the generated page data-schedule contain True value.
How to properly work with this value in javascript?
For example, I want to check if variable is true:

var isExist = $('#step1').attr('data-schedule');
if( isExist === "True")
     do something

I don't like this part isExist === "True". I should convert it to bool may be or something other. I'm afraid that in other browser the variable may contain other values: true, True, "True", "true".
Thanks.

Steen Tøttrup · Accepted Answer · 2012-07-31 05:06:18Z

10

Generally if you need any of your model for javascript, it's a good idea to do this in you views:

@Json.Encode(Model.IsExistSchedule)

This will "convert" the value into something javascript will understand, like lower-casing a boolean.

And then, like @Musa suggests, use the .data() method.

answered Jul 31, 2012 at 5:06

Steen Tøttrup

3,8352 gold badges24 silver badges37 bronze badges

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

Comments

Musa · Accepted Answer · 2012-07-31 05:12:20Z

2

The .data() method will convert it to boolean, it is compatable with html5 data attributes

var isExist = $('#step1').data('schedule');
if (isExist)
    do something

Note "True" does not convert to boolean(true) so it has to be "true"

edited Jul 31, 2012 at 5:12

answered Jul 31, 2012 at 4:33

Musa

97.9k17 gold badges123 silver badges144 bronze badges

Collectives™ on Stack Overflow

working with bool value from View in javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related