如何在列表中保持选中默认选中的特定复选框

Question

我的dataTable中有一个复选框列表，我希望始终保持最后一个复选框项目选择

return '<div class="form-check">'
	+ '<label class="form-check-label">'
	+ '<input type="radio" name="check-box-product" class="form-check-input"  "value="' + row.id + '" > '
	+ '<span class="product-name">' + data + '</span>&nbsp;<a href="' + row.url + '" target="_blank"><i class="fa fa-external-link"></i>'
	+ '</a>&nbsp;'
	+ '<a href= "/Product/SearchCompetitorProducts?productId=' + row.id + '&businessId=' + row.businessId
	+ '" target="_blank" title="Executar busca de produtos concorrentes">'
	+ '</a>'
	+ elementMatchFail
	+ elementStatusSearch + '<small>'
	+ row.competitorBusinessAlreadyBind + '</small></label></div >';

demo picture here

Answer 1

我假设这是一个渲染函数：

"render": function ( data, type, row, meta ) {
  var table = $('#datatableId').DataTable();
  var numOfRows = table.data().count();
  var checked = '';
  if (meta.row == numOfRows - 1) {
    checked = 'checked="checked"';
  }
  return '<div class="form-check">'
    + '<label class="form-check-label">'
    + '<input type="radio" name="check-box-product" ' + checked + ' class="form-check-input"  "value="' + row.id + '" > '
    + '<span class="product-name">' + data + '</span>&nbsp;<a href="' + row.url + '" target="_blank"><i class="fa fa-external-link"></i>'
    + '</a>&nbsp;'
    + '<a href= "/Product/SearchCompetitorProducts?productId=' + row.id + '&businessId=' + row.businessId
    + '" target="_blank" title="Executar busca de produtos concorrentes">'
    + '</a>'
    + elementMatchFail
    + elementStatusSearch + '<small>'
    + row.competitorBusinessAlreadyBind + '</small></label></div >';
},