diff --git a/templates/widgets/communication/recipientLayout.hamlet b/templates/widgets/communication/recipientLayout.hamlet
index f3f759de1..646bc7e01 100644
--- a/templates/widgets/communication/recipientLayout.hamlet
+++ b/templates/widgets/communication/recipientLayout.hamlet
@@ -9,8 +9,12 @@ $if not (null activeCategories)
 
         $if hasContent category
           <fieldset .recipient-category__fieldset uw-interactive-fieldset .interactive-fieldset__target data-conditional-input=#{checkedIdent category}>
-            $forall optIx <- categoryIndices category
-              ^{cellWdgts ! optIx}
+            $if not (null (categoryIndices category))
+              $# TODO: unique id for this all/none checkbox
+              <input type=checkbox id=tbd .recipient-category__toggle-all>
+              <label for=tbd>Label
+              $forall optIx <- categoryIndices category
+                ^{cellWdgts ! optIx}
 
             $maybe addWdgt <- addWdgts !? (1, (EnumPosition category, 0))
               ^{addWdgt}
diff --git a/templates/widgets/communication/recipientLayout.julius b/templates/widgets/communication/recipientLayout.julius
index d38d48a6d..87dfead6b 100644
--- a/templates/widgets/communication/recipientLayout.julius
+++ b/templates/widgets/communication/recipientLayout.julius
@@ -1 +1,34 @@
 // TODO: js utility to check all/none of the checkboxes in a recipient category at once
+(function() {
+
+  var RECIPIENT_CATEGORIES_SELECTOR = '.recipient-categories';
+  var RECIPIENT_CATEGORY_SELECTOR = '.recipient-category';
+  var RECIPIENT_CATEGORY_FIELDSET_SELECTOR = '.recipient-category__fieldset';
+  var RECIPIENT_CATEGORY_TOGGLE_ALL_SELECTOR = '.recipient-category__toggle-all';
+
+  document.addEventListener('DOMContentLoaded', function() {
+
+    var recipientCategoriesElement = document.querySelector(RECIPIENT_CATEGORIES_SELECTOR);
+    var recipientCategoryElements = Array.from(recipientCategoriesElement.querySelectorAll(RECIPIENT_CATEGORY_SELECTOR));
+
+    recipientCategoryElements.forEach(function(element) {
+      setupRecipientCategory(element);
+    });
+  });
+
+  function setupRecipientCategory(recipientCategoryElement) {
+    var fieldset = recipientCategoryElement.querySelector(RECIPIENT_CATEGORY_FIELDSET_SELECTOR);
+    var categoryCheckboxes = Array.from(fieldset.querySelectorAll('[type="checkbox"]'));
+
+    if (categoryCheckboxes) {
+      var toggleAllCheckbox = recipientCategoryElement.querySelector(RECIPIENT_CATEGORY_TOGGLE_ALL_SELECTOR);
+
+      if (toggleAllCheckbox) {
+        toggleAllCheckbox.addEventListener('change', function() {
+          console.log('TBD: setting up toggle all checkbox');
+        });
+      }
+    }
+  }
+
+})();