$(document).ready(function () { var loader = $('#overlay, #loader'); UserRights = document.getElementById("roleRights").value; canvassTable = $('#BidForApprovalTable').DataTable({ ajax: $.extend({ url: '/CanvassMgmt/GetSupplierBid', type: 'GET', }, beforeComplete(loader)), initComplete: initCompleteCallback(), columns: colSupplierBid, order: [7, 'asc'], responsive: true, language: { emptyTable: "No record available" }, error: errorHandler }); }) $(document).on('change', '.choose-alternative-checkbox', function () { if (this.checked) { // Uncheck others $('.choose-alternative-checkbox').not(this).prop('checked', false); // Reset all rows style $('#altarnativeTable tbody tr').css({ 'color': '', 'background-color': '' }); // Highlight the selected row $(this).closest('tr').css({ 'color': 'white', 'background-color': 'green' }); } else { // If user unchecks (optional reset) $(this).closest('tr').css({ 'color': '', 'background-color': '' }); } });