<div class="form-check">
    <input type="checkbox" class="form-check-input" id="materialChecked" checked aria-checked="true">
    <label class="form-check-label" for="materialChecked">Voorbeeld checkbox</label>


Based on the version from MDB:


To start using this component, some JavaScript is needed to initialize it.
Underneath a jQuery example with the play/pause addition and should be placed in the Additional component(s) script section as documented in How to use.

    $('.form-check-input').off('click').on('click', function() {
        $(this).attr('aria-checked', $(this).is(':checked'));

The example begins ‘checked’ / aria-checked. Set aria-checked to false and remove the checked attribute if you want the element to start unchecked.