Javascript compare appended true/false value

Question

I have my JS code as below;

var editable = isNameEditable(this.get("status"));
return "<div class='editableTxt' name='myNameFld' data-editable=" + editable + "'">" + this.get("name") + "</div>";

The function isNameEditable just returns boolean value (true/false)

I then append it to my div using data-editable attribute.

I use the above value for comparision later and use below code;

if ($(this).attr('data-editable'))

However, the appended value becomes a string ("true"/"false") and hence the above condition does not work as expected.

Is there any way by which I can append a boolean value, so that I do not have to change my comparison i.e.

if ($(this).attr('data-editable'))

`var editable = isNameEditable(this.get("status")) || ''` ? – Evgeniy Dec 18 '14 at 13:59 — Evgeniy, Dec 18 '14 at 13:59

score 4 · Answer 1 · edited May 23 '17 at 12:07

4

String boolean values to boolean conversion methods are explained in this post:

How can I convert a string to boolean in JavaScript?

For example, you can use

if(!!$(this).data('editable'))

to check if the div is editable.

edited May 23 '17 at 12:07

Community

1
1

answered Dec 18 '14 at 13:59

Taha Paksu

15,371
2
44
78

4

`.data()` method will already convert it to boolean, anyway good point of using `.data()` method – A. Wolff Dec 18 '14 at 14:01
I didn't know about that :/ – Taha Paksu Dec 18 '14 at 14:03
so u mean i should update my condition to account for string true/false values – copenndthagen Dec 18 '14 at 14:08
BTW, `$.data("string) = $.attr("data-string")`. You may need to update it yes. – Taha Paksu Dec 18 '14 at 14:09

Javascript compare appended true/false value

1 Answers1