JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js"></script>
Use the shift-x hotkey to check all rows
<table class="tablebox">    
            <thead class="table-header">
                <tr>
                    <th><input type="checkbox" class="master-select"></th>
                    <th>Title</th>
                </tr>
            </thead>
            <tbody>
                <tr class="odd">
                    <td><input type="checkbox" class="row-select"></td><td>Apples</td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="row-select"></td><td>Berries</td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="row-select"></td><td>Cantaloupe</td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="row-select"></td><td>Dried bananas</td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="row-select"></td><td>Grapes</td>
                </tr>
            </tbody>
        </table>

CSS

body{
    margin: 10px;
}
th{
    background-color: #333;
    color: #fff;
}

.odd{
    background-color: #eee;
}

.even{
    background-color: #aaa;
}

JavaScript

$(".master-select").click(function(){
    $(this).closest("table").find("tbody .row-select").prop('checked', this.checked);
});

function tickAllCheckboxes() {
  var master = $(".master-select").click();
}

$(document).bind('keydown', 'shift+x', tickAllCheckboxes);