print javascript variable as an attribute in html tag

Question

var disabled = '';
if(value.action.length === 0)
{
  disabled = 'disabled="disabled"';
}
row += '<td><input type="checkbox" name="create" value="1" class="checkbox" data-action="'+ value.action + '" data-controller = "'+ value.controller +'" data-role="'+ role +'" document.write(disabled)></td>';

I want to print disabled="disabled" based on the truthfulness of my condition. In PHP this can be easily done by the method I used above but I failed to to it in JavaScript. The document.write() is getting printed as it is.

How can I do this in JavaScript?

You don't need document.write here, simply concat the strings as you did before: … + '" ' + disabled + '></td>'; or even with less code: … + '"' + ( value.action.length === 0 ? ' disabled' : '' ) + '></td>'; — insertusernamehere
– insertusernamehere, Commented Mar 13, 2015 at 10:06

n-dru · Accepted Answer · 2015-03-13 10:06:43Z

1

You don't need document.write. Just like this:

if(value.action.length === 0)
{
    disabled = 'disabled="disabled"';
}else{
    disable = '';
}
row += '<td><input type="checkbox" name="create" value="1" class="checkbox" data-action="'+ value.action + '" data-controller = "'+ value.controller +'" data-role="'+ role +'" '+ disabled +'></td>';

answered Mar 13, 2015 at 10:06

n-dru

9,4402 gold badges31 silver badges43 bronze badges

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

4 Comments

Tony Gustafsson Over a year ago

Yep, and disabled="disabled" is unnecessary. just "disabled" would suffice, because it's a HTML bool. disabled="false" would also disable it.

Tony Gustafsson Over a year ago

so: var disabled = (value.action.length ===0) ? "disabled" : "";

n-dru Over a year ago

thanks for pointing out, I focused too much on this contatenation. Already edited.

Raheel Over a year ago

yes i done that. That was a silly thing i was doing :)

Collectives™ on Stack Overflow

print javascript variable as an attribute in html tag

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related