JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<input id="checkbox1" type="checkbox" name="performance" value="checked" checked="checked"> checkbox number 1<br>

JavaScript

$.cookie('cookie1', 'true', { expires: 60});

if ($('input#checkbox1').is(':checked')) {
			$.cookie('cookie1', 'true', { expires: 60});
      console.log("true");
		}
		else
		{
    	console.log("false");
			$.removeCookie("cookie1");
			$.cookie('cookie1', 'false', { expires: 60});
		}