sashgera,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#iItemTbl tr.active td {
background-color: #008000;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
let table = document.getElementById('iItemTbl');
table.addEventListener('change', ({
target
}) => {
if (target = target.closest('input[id*=c0]')) {
let tr = target.closest('tr');
tr.classList.toggle('active', target.checked)
}
})
})
</script>
</head>
<body>
<table id="iItemTbl">
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td><input id="r0c0" type="checkbox"></td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td><input id="r1c0" type="checkbox"></td>
</tr>
</tbody>
</table>
</body>
</html>