Javascript convert a true/false value string text

Question

I have a jQuery script that collects the values of checkboxes in variables:

var 1_val = $("input[type='checkbox'][name='val_1']").prop( "checked" );
var 2_val = $("input[type='checkbox'][name='val_2']").prop( "checked" );

Then I output these in a message to be sent via e-mail:

...<strong>Value 1</strong>: 1_val + '<br /><strong>Value 2</strong>: ' + 2_val + '<br />...

But in the message body I get the string with booleans true/false, and I would want to make some more user-friendly message like Yes/No. How can I change it?

tymeJV · Accepted Answer · 2014-03-21 18:14:08Z

6

Assign that value to the variable:

var 1_val = $("input[type='checkbox'][name='val_1']").prop( "checked" ) ? "Yes" : "No";

answered Mar 21, 2014 at 18:14

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

StephenTG Over a year ago

This works well if these variables are only used for output, but will break things if they are being used in boolean form elsewhere in the code

Aegis · Accepted Answer · 2014-03-21 18:14:52Z

1

You can use the ternary operator (which is essentially a short if-statement):

(2_val ? 'Yes' : 'No')

The value of this expression will be the string Yes if 2_val == true, else No.

answered Mar 21, 2014 at 18:14

Aegis

1,78911 silver badges13 bronze badges

Comments

StephenTG · Accepted Answer · 2014-03-21 18:15:35Z

1

You could replace 1_val with (1_val ? 'Yes' : 'No') when you output it. (and do the same for 2_val) Alternatively, if you only use these variables for this output, you could do what tymeJV suggests.

answered Mar 21, 2014 at 18:15

StephenTG

2,6876 gold badges29 silver badges38 bronze badges

Comments

Victor Högemann · Accepted Answer · 2014-03-21 18:19:51Z

1

Probably far from being the best solution, but one way would be:

var YesNo = {
   'true' : 'Yes',
   'false' : 'No'
};

And use like this on your HTML fragment:

var html = '<strong>Value 1 :</strong>' 
    + YesNo[val_1] + '<strong>Value 2</strong>' + YesNo[val_2];

answered Mar 21, 2014 at 18:19

Victor Högemann

2301 silver badge5 bronze badges

Collectives™ on Stack Overflow

Javascript convert a true/false value string text

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related