JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<label>
 <input type="radio" value="2" id="1" name="1">[c2]
</label>
<label>
 <input type="radio" value="4" id="2" name="1">[c4]
</label>
<label>
 <input type="radio" value="1" id="3" name="1">[c1]
</label>
<label>
 <input type="radio" value="3" id="4" name="1">[c3]
</label>

JavaScript

$(document).keypress(function(e) {
      
      if(e.charCode == 49) {
        console.log("1");
        $('input:radio[id=1]').attr('checked',true);
      }
      
      if(e.charCode == 50) {
        console.log("2");
        $('input:radio[id=2]').attr('checked',true);
      }
      
      if(e.charCode == 51) {
        console.log("3");
        $('input:radio[id=3]').attr('checked',true);
      }
      
      if(e.charCode == 52) {
        console.log("4");
        $('input:radio[id=4]').attr('checked',true);
      }                  
    });