Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#selectall').click(function () {
$('.selectedId').prop('checked', this.checked);
});
$('.selectedId').change(function () {
var check = ($('.selectedId').filter(":checked").length == $('.selectedId').length);
$('#selectall').prop("checked", check);
});
});
</script>
</head>
<body>
<table id="notificationsTableId" style="width: 1644px;">
<thead>
<tr role="row">
<th rowspan="1" colspan="1" style="width: 10px;" aria-label="" align="center">
<input type="checkbox" id="selectall">Select all</input>
</th>
<th tabindex="0" rowspan="1" colspan="1" style="width: 203px;" align="left">Checkboxes</th>
</tr>
</thead>
<tbody role="alert">
<tr class="results-table-row odd">
<td align="center">
<input type="checkbox" class="selectedId" name="selectedId" />
</td>
<td>Checkbox A</td>
</tr>
<tr class="results-table-row even">
<td align="center">
<input type="checkbox" class="selectedId" name="selectedId" />
</td>
<td>Checkbox B</td>
</tr>
<tr class="results-table-row even odd">
<td align="center" class=" ">
<input type="checkbox" class="selectedId" name="selectedId" />
</td>
<td class=" ">Checkbox C</td>
</tr>
</tbody>
</table>
</body>
</html>
The most helpful JQUERY solutions