How do I run an if/else statement based on a local storage value-boolean type?

Question

I want this code to find a local storage value and if it is true show a grid but if it is false, hide the grid. I tried this code but I can't get it to work right. Any ideas on what I did wrong?

var v = localStorage.getItem('checkcalfid'); 
if (v===true)
{
jQuery('[name="mobilegridcell_385"]').closest("tr").show();
}
else jQuery('[name="mobilegridcell_385"]').closest("tr").hide();

`localStorage` only returns `string`. You first need to convert the string value into an actual actual boolean. — myfunkyside, Mar 14 '15 at 19:18
Try this: `var v = (localStorage.getItem('checkcalfid')=='true')`.This checks if the value returned from localStorage equals 'true', and if so, sets `v` to TRUE, otherwise to FALSE. — myfunkyside, Mar 14 '15 at 19:26
What are the possible values of `localStorage.getItem('checkcalfid')` other than `null`? — bloodyKnuckles, Mar 14 '15 at 19:29
To be exact, string 'true' and string 'false', are the only options. Right? (As you probably know, boolean false and string 'false' never equal. And boolean true and string 'true' are not identical.) — bloodyKnuckles, Mar 14 '15 at 19:32
You may be feeding localStorage a boolean type, but currently it returns a string type. Test this yourself with a `console.log(typeof localStorage.getItem('checkcalfid'))`. — bloodyKnuckles, Mar 14 '15 at 19:42

score 1 · Answer 1 · answered Mar 14 '15 at 20:03

Try JSON.parse it could be that the value stored is not a boolean and make sure you use JSON.stringify when you set the item.

// storing value using JSON.stringify
localStorage.getItem("key",JSON.stringify(value));

-------------------------------------------------------------

// retrieving value using JSON.parse
var v = JSON.parse(localStorage.getItem('checkcalfid')); 
if (v===true)
{
jQuery('[name="mobilegridcell_385"]').closest("tr").show();
}
else jQuery('[name="mobilegridcell_385"]').closest("tr").hide();

BentoumiTech · Answer 2 · 2015-03-14T20:01:25.637

0

The getItem function of localStorage return string if you want your code to work consider change it to.

Here is a jsfiddle example : https://jsfiddle.net/dkabf953/1/

var v = localStorage.getItem('checkcalfid'); 
if (v== 'true') { // Check if it's equal to the string true
    jQuery('[name="mobilegridcell_385"]').closest("tr").show();
} else {
    jQuery('[name="mobilegridcell_385"]').closest("tr").hide();
}

edited Mar 14 '15 at 20:01

answered Mar 14 '15 at 19:27

BentoumiTech

1,627
14
21

So I have check boxes that determine how the local storage is set. If it is checked, it is true and if it isn't it is false so how would I get it to say if checked set value to true else false. @KhaledBentoumi – Ellen Schlechter Mar 14 '15 at 19:36
@EllenSchlechter just edited my code and added a jsFiddle example. Normally you don't have to change anything beside the code that you posted in your answer – BentoumiTech Mar 14 '15 at 19:44

How do I run an if/else statement based on a local storage value-boolean type?

2 Answers2