Как сделать checkboxAll для таблицы в MVC

 <table id="DataTable" style="width:100%;" class="table table-bordered">
                <thead>
                    <tr>
 
                        <th><input type="checkbox" id="checkall"  /></th>
                        <th>Name</th>
                        <th>Description</th>
                        <th>Tematic</th>
 
 
                    </tr>
                </thead>
                <tbody>
                    @foreach (var tematic in ViewBag.ListCompanies)
                    {
                    <tr>
                        <td><input type="checkbox" class="checkitem" /></td>
                        <td>@tematic.tName</td>
                        <td>@tematic.Description</td>
                        <td>@tematic.Tematic</td>
 
                    </tr>
                    }
                </tbody>
            </table>

$(document).ready(function () {
        $('#DataTable').DataTable();
        $('#checkBoxAll').click(function () {
            if ($(this).is(":checked")) {
                $(".chkCheckBoxId").prop("checked", true)
            }
            else {
                $(".chkCheckBoxId").prop("checked", false)
            }
        });