Limit checkboxes

checkboxes.js

const setCheckboxLimit = (list, limit, warning = false) => {
	if (!list) return

	const checkboxes = list.querySelectorAll('input[type="checkbox"]')

	if (!checkboxes.length) return

	checkboxes.forEach(checkbox => checkbox.addEventListener('click', event => {
		const checkedChecks = list.querySelectorAll('input[type="checkbox"]:checked')
		if (checkedChecks.length >= limit + 1) {
			event.preventDefault()
			event.stopPropagation()
			if (warning) {
				alert(`You can’t select more than ${limit} choices`)
			}
		}
	}))
}

document.addEventListener('DOMContentLoaded', () => {
	setCheckboxLimit(document.querySelector('my-list'), 4)
})