Примечание: в своем HTML вы забыли закрывающий тег формы.
: indeterminate : Псевдокласс CSS: indeterminate представляет любой элемент формы, состояние которого не определено.
...
элементы, свойство неопределенности которых установлено в true с помощью JavaScript
Чтобы установить это свойство, вы можете написать в js:
document.getElementById('indeterminate-checkbox').indeterminate = true;
и в jQuery:
$('#indeterminate-checkbox').prop('indeterminate', true);
Фрагмент:
// when document is ready....
document.addEventListener('DOMContentLoaded', function(e) {
// set the property
document.getElementById('indeterminate-checkbox').indeterminate = true;;
})
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<div id="checkbox" class="section scrollspy">
<form action="#">
<p>
<label>
<input id="indeterminate-checkbox" type="checkbox"/>
<span>Indeterminate Style</span>
</label>
</p>
</form>
</div>