JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.2.js"></script>
<input type="checkbox" id="cat" data-value1="blue" data-value2="red" value=""/>

<input id="ohono">

JavaScript

$(document).ready(function(){
    var value1 = $("#cat").data("value1");//return 'blue'
    var value2 = $("#cat").data("value2");//return 'red'
    document.getElementById("ohono").value=value2;
    alert("value1:" + value1 + "     -  value2:" + value2);
});