Select / Deselect all for exmaple 2

Example 1: Checkboxes

Radio buttons

Example 2: Buttons outside of .pat-checklist element

The buttons to select or deselect the checklist may lie outside of the .pat-checklist element. However, to avoid mismatches, the selectors then need to be disambiguated by starting with an object id. In other words, the selector needs to start with #elementId.

Example 3: Hierarchy of Checkboxes

Clicking select all / deselect all only affects parent of buttons and its children.

  • Customer Experience

    • Airport Experience & Servicing

      • 1. Automation

      • 2. Baggage

    • Benefits & Recognition

      • 1. Benefits