JavaScript is not playing nice with boolean false

Asp.net mvc / jQuery / JavaScript

In my partial view, I have a model that has boolean properties that I will pass to JavaScript functions.

I pass the model boolean properties to JavaScript functions as such.

@model GbngWebClient.Models.LikeOrDislikeVM
@* Use the values that were passed via a model. *@
class="row">
class="blogLike my-size fa fa-thumbs-up">class="my-size"> : @Model.LikeCount class="my-size"> | class="blogDisLike my-size fa fa-thumbs-down">class="my-size"> : @Model.DisLikeCount

@Scripts.Render("~/bundles/jquery")

"text/javascript">

$(document).ready(function () {

console.log('Here at document ready');

console.log('@Model.LikeDisabled');

console.log('@Model.DisLikeDisabled');

SetLike('@Model.LikeDisabled');

SetDisLike('@Model.DisLikeDisabled');

function SetLike(disabledSwitch) {

console.log('Here at SetLike');

console.log('disabledSwitch ' + disabledSwitch);

$(".blogLike").attr('disabled', disabledSwitch);

if (disabledSwitch == false )

{

console.log('True');

$(".blogLike").color('green');

}

function SetDisLike(disabledSwitch) {

console.log('Here at SetDisLike');

console.log('disabledSwitch ' + disabledSwitch);

$(".blogDisLike").attr('disabled', disabledSwitch);

if (disabledSwitch == false)

{

console.log('True');

$(".blogDisLike").color('green');

}

});

The code executes but the boolean values are False instead of false. Yet the model screenshot above shows them as false.

JavaScript needs them to be false. Why is this happening and how to fix?

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Laxmidhar Sahoo6y ago
var like = @Model.LikeDisabled;
var dislike = @Model.DisLikeDisabled;
SetLike(like);
SetDisLike(dislike);
otherwise do not pass the variable within single quated
First Last6y ago
To convert the False to false and True to true, I added const.
const False = false, True = true;
const False = false, True = true;
and passed the model properties to the function without ticks.

I now get false and true and the code executes properly.
SetLike(@Model.LikeDisabled);
SetDisLike(@Model.DisLikeDisabled);
Jenith Thakkar6y ago
Check like this
console.log(new Boolean('@Model.LikeDisabled'));
console.log(new Boolean('@Model.DisLikeDisabled'));