JSFiddle - React, Tailwind, and code Playground

HTML

<body>
   <form name="form1" id="form1" >
        <input type="checkbox" accesskey="1" name="check1" value="Person"  />
        <input type="checkbox" accesskey="1" name="check1" value="Dog"  />
        <input type="checkbox" accesskey="1" name="check1" value="Cat"  />
   </form>
    <form name="form2" id="form2" >
        <input type="checkbox" name="check1" value="Person"  />
        <input type="checkbox" name="check1" value="Dog"  />
        <input type="checkbox" name="check1" value="Cat"  />
      </form>
  </body>

JavaScript

$('input[accesskey=1]').change(function(){
    var $this = $(this);
    var x = $this.index();
    var $otherForm = $('form').not($this.parent());
    $otherForm.find('input').eq(x).prop('checked',this.checked);
});