在 DataTables jquery 插件中设置复选框值

Question

我正在使用 DataTable jquery 插件在我的应用程序中显示一些数据...

我有这个列定义：

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

以及从 jquery 传递的对象数组中的对应字段。 console.log(data) 为表中的每条记录返回正确的值，true 或 false，但始终选中复选框。

我在这里做错了什么？

Answer 1

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

在这一行中，您添加了属性checked，因此它始终被选中：

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

（注意checked的值不需要是"checked"甚至存在，属性是唯一需要存在的东西，但通常首选使用一些有意义的值。）

编辑：

由于您的数据似乎是字符串而不是布尔值，您需要将数据与 "true" 进行比较：

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