Checkbox not working with materializecss - HTML, CSS
To be work. It seems like you need to put a relation between the label and the input check. Why don't you try in this way
<div>
<input type="checkbox" id="check">
<label for="check">label 1</label>
</div>
http://materializecss.com/forms.html#checkbox
In v1.0.0, checkbox inside label tag with text wrapped around span will only work.
<label>
<input type="checkbox" />
<span>Red</span>
</label>
https://github.com/Dogfalo/materialize/issues/1376
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
Checkbox: <br/>
<label>
<input type="checkbox" />
<span></span>
</label>