Simple Checkbox Component Example

[MarkHunte]

Good idea to start using the html attributes in things like this now we can simply add them in the Hype editor.

An update to my checkbox symbol here doing that makes it less code.

Best approach for form with check boxes

I am pretty sure there are other checkboxes on the site including ones I have written my self but here is another one. This uses symbols. You duplicate a new instance using the duplicate button. Set the text and Image to what you want in each symbol. The check group’s Title/alt Text field is where we get our item details that will be added to the array. Using the title is just a simple place to put this data… [17] CheckBoxItems.zip (78.0 KB) — UPDATE This version uses the symbols dis…

Updated version
checkboxItem v2 .zip (79.4 KB)

---

	var thisSelection = element.title //-- get the Title/alt Text of the checkbox group.
	var selectionTick = element.querySelector('.tick')//-- find the tick image for this symbol
	var selectionTickState = element.dataset.ischecked//   
 	 


selectionTickState === '0' ? (
    hypeDocument.setElementProperty(selectionTick, 'opacity', 1),
    element.dataset.ischecked = 1 

) : (
	
    hypeDocument.setElementProperty(selectionTick, 'opacity', 0),   
     element.dataset.ischecked = 0
);