Conditionally disable checkbox in jQuery return

Question

I have the following code;

var isEditable = !self.model.hasPrivilege("UPDATE_INFO") || !self.editInfo;

return "<input type='checkbox' name='flag' class='flag' />";

Now my question is while doing the return for the input, can I add condition for isEditable as part of the same return "<input type='checkbox'

Basically I want to return disabled checkbox if isEditable is false and vice-versa ?

hon2a · Accepted Answer · 2014-11-25 11:33:31Z

2

return '<input type="checkbox" ' + (isEditable ? 'disabled="disabled"' : '') + ' .../>';

answered Nov 25, 2014 at 11:33

hon2a

7,2545 gold badges47 silver badges60 bronze badges

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

1 Comment

ArinCool Over a year ago

a small correction :) return '<input type="checkbox" ' + (!isEditable ? 'disabled="disabled"' : '') + ' .../>'; He wants to disable if isEditable is false

Ashish Kumar · Accepted Answer · 2014-11-25 12:31:48Z

I think if this is jQuery, you can make it more clear like this:

var isEditable = !self.model.hasPrivilege("UPDATE_INFO") || !self.editInfo, 
    $checkBox = $("<input />", {
        type : "checkbox",
        name : "flag",
        class : "flag",
        disabled : !isEditable // condition to make the returned checkbox disabled
    });

return $checkBox;

this way, even if want to bind some events to the returned checkbox element, you can do that via adding another key to the second parameter object like:

$checkBox = $("<input />", {
    type : "checkbox",
    name : "flag",
    class : "flag",
    disabled : !isEditable, // condition to make the returned checkbox disabled,
    click : doSomething // attached some event
});

Collectives™ on Stack Overflow

Conditionally disable checkbox in jQuery return

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related