以下のようなhtmlでチェックボックスがチェックされた際にnameの値を取得するには、どのようなコードで実現できますでしょうか。

詳しい方、ご教示ください。

<div id="size-category-tab-22" class="tab-pane">
    <div class="size-category-checkbox-section">
        <div class="size-category-column" id="size-category-column-2">
            <label class="size-labels">
              <input type="checkbox" class="sizes-row-checkbox" name="78" display-name="7 - 8"> 7 - 8
            </label>
            <label class="size-labels">
              <input type="checkbox" class="sizes-row-checkbox" name="910" display-name="9 - 10"> 9 - 10
            </label>
        </div>
        <div class="size-category-column" id="size-category-column-3">
            <label class="size-labels">
              <input type="checkbox" class="sizes-row-checkbox" name="1112" display-name="11 - 12"> 11 - 12
            </label>
            <label class="size-labels">
              <input type="checkbox" class="sizes-row-checkbox" name="131" display-name="13 - 1"> 13 - 1
            </label>
        </div>
        <div class="size-category-column" id="size-category-column-4">
            <label class="size-labels">
              <input type="checkbox" class="sizes-row-checkbox" name="23" display-name="2 - 3"> 2 - 3
            </label>
        </div>
    </div>
    <div class="size-category-add-section"> </div>
    <div class="size-category-size-chart"> </div>
</div>