Nijmegen Component Library
You are viewing version 2 of the library, the latest version is

Checkbox 

<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>
</div>

Checkbox

Based on the version from MDB:
https://mdbootstrap.com/javascript/checkbox/

Using

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.

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

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