JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.1.1/material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.1.1/material.js"></script>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
 <input id="MdlCheckBox" type="checkbox" class="mdl-checkbox__input" value='0' />
 <span class="mdl-checkbox__label">Check Me</span>
</label>
<input type='button' value='check/uncheck' onclick='check' />

JavaScript

function check()
{
	$("#MdlCheckBox")[0].checked = $("#MdlCheckBox")[0].checked ? false : true;
}