JSFiddle - React, Tailwind, and code Playground

by nnnnnn

HTML

<a href=#>Check 1-20</a>
    <a href=#>Check 21-40</a>
    <a href=#>Check 41-60</a>

    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>

    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5155"/>    <input type="checkbox" class="checkbox" name="select[]" value="5153"/>
    <input type="checkbox" class="checkbox" name="select[]" value="5154"/>
    <input type="checkbox"...

CSS

a { display: block; }

JavaScript

$(document).ready(function() {
       var $cbs = $('input:checkbox[name="select[]"]'),
           $links = $("a"); // you probably don't want _all_ links,
                            // so add a class or something.
       $links.click(function() {
          var start = $links.index(this) * 20,
              end = start + 20;
          $cbs.slice(start,end).prop("checked",true);
       });
    });