I trying use SLDS Lightning design system at a checkbox. My checkboxes should look like as button and when I click on it I try change background color.
For example: https://www.lightningdesignsystem.com/components/forms/#flavor-checkbox
I try edit below code:
<div aura:id="xcont" class="background-silver">
<ui:inputCheckbox aura:id="x" label="label" click={!c.voidJS}" class="line" />
</div>
To something like this
<span class="slds-button slds-checkbox--button" for="monday">
<input type="checkbox" name="checkbox" id="monday" />
<label class="slds-checkbox--button__label" for="monday">
<span class="slds-checkbox--faux">Mon</span>
</label>
</span>
but I don't know how I should void JS function when I click at checkbox.