attach a single event handler to detect radio button changes instead of one per input

app/assets/javascripts/pages/projects/settings/ci_cd/show/index.js

@@ -24,15 +24,15 @@ document.addEventListener('DOMContentLoaded', () => {
   });
 
   // hide extra auto devops settings based on data-attributes
-  const autoDevOpsSettings = document.querySelectorAll('input[data-hide-extra-settings]');
+  const autoDevOpsSettings = document.querySelector('.js-auto-devops-settings');
   const autoDevOpsExtraSettings = document.querySelector('.js-extra-settings');
 
-  autoDevOpsSettings.forEach(input => {
-    input.addEventListener('click', () =>
-      autoDevOpsExtraSettings.classList.toggle(
-        'hidden',
-        input.dataset.hideExtraSettings === 'true',
-      ),
-    );
+  autoDevOpsSettings.addEventListener('click', event => {
+    const targetData = event.target && event.target.dataset;
+    if (targetData.hideExtraSettings === 'true') {
+      autoDevOpsExtraSettings.classList.add('hidden');
+    } else if (targetData.hideExtraSettings === 'false') {
+      autoDevOpsExtraSettings.classList.remove('hidden');
+    }
   });
 });

app/views/projects/settings/ci_cd/_autodevops_form.html.haml

@@ -2,7 +2,7 @@
   .col-lg-12
     = form_for @project, url: project_settings_ci_cd_path(@project) do |f|
       = form_errors(@project)
-      %fieldset.builds-feature.auto-devops-settings
+      %fieldset.builds-feature.js-auto-devops-settings
         .form-group
           - message = auto_devops_warning_message(@project)
           - ci_file_formatted = '<code>.gitlab-ci.yml</code>'.html_safe