This JavaScript code provides functionality for toggling "Select All" checkboxes and clearing all checkboxes with WebFlow filters. This works well with FinSweets CMS Filtering. See example https://www.mccabeworld.com/stories
Place <script src="https://cdn.jsdelivr.net/gh/alex-rankin/webflow-checkbox-select-all/src/script.min.js"></script> within your pages </body> towards the top.
Within Webflow you should have a element wrapper with an ID containing all the checkboxes and select all. The select all should also have its own ID. Pass both these IDs into setupCheckboxHandler function to get started. Repeat these steps with a new function if there are multiple.
The setupCheckboxHandler function allows toggling of "Select All" checkboxes with WebFlow filters. It updates the visual state of the "Select All" checkbox based on individual checkbox states.
dropdownId The ID of the dropdown (parent) selector.
checkAllId The ID of the "Select All" checkbox input.
setupCheckboxHandler('myDropdownID', 'selectAllCheckboxID');
The setupClearAllHandler function clears WebFlow filters based on the checkboxes checked and updates the visibility of a "Clear All" button to hidden when no checkboxes/or filters are active.
clearAllId The ID of the "Clear All" element.
setupClearAllHandler('clearAllButtonID');