Set checkbox value in DataTables jquery plugin

Question

I'm using DataTable jquery plugin to show some data in my app...

I have this column definition:

 columns: [
  { "data" : "appName" },
  { "data" : "uuid" },
  { 
   "data" : "Enabled",
   'render': function(data, type, row)
   {
   console.log(data)
  return '<input type="checkbox" checked = "' + data + '" >';
   }
   }

and coresponding fields in array of objects passed from jquery. console.log(data) returns proper value, true of false for every record in table, but checkbox is always checked.

What i'm doing wrong here?

Nick is tired · Accepted Answer · 2017-06-01 14:47:14Z

3

return '<input type="checkbox" checked = "' + data + '" >';

On this line you're adding the attribute checked hence it is always checked:

return '<input type="checkbox"' + (data ? ' checked="checked"' : '') + '>';

(Note that the value of checked does not need to be "checked" or even present, the attribute is the only thing that needs to be present, but it's generally preferred to use some meaningful value.)

Edit:

As your data appears to be a string rather than a boolean you'll need to compare data to "true":

return '<input type="checkbox"' + (data == "true" ? ' checked="checked"' : '') + '>';

edited Jun 1, 2017 at 14:47

answered Jun 1, 2017 at 14:37

Nick is tired

7,17721 gold badges44 silver badges55 bronze badges

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

2 Comments

onedevteam.com Over a year ago

Not working. i always have either true or false in "data"... so it's always return checked...

Nick is tired Over a year ago

do you have true or false or do you have a string representing them?

Collectives™ on Stack Overflow

Set checkbox value in DataTables jquery plugin

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related