Update templates/proposed-GUI.html

templates/proposed-GUI.html

@@ -1967,7 +1967,7 @@ let selectedValues = []; // global
                     checkbox.checked = false;
                     }
                 });
-                }
+             
 
                 // Check the current checkbox
                 const selectedCheckboxes = Array.from(document.querySelectorAll('input[name="measureCheckbox"]:checked'));
@@ -1987,10 +1987,27 @@ let selectedValues = []; // global
                       item.style.backgroundColor = checkbox.checked ? '#d3f8d3' : '';
                       });
                 console.log("Selected projects:", selectedValues);
+                }
+            ////////////////////////////////////////
+                                document.querySelectorAll('input[name="measureCheckbox"]').forEach(checkbox => {
+                  checkbox.checked = false;
+                });
 
-            
+                // Check the current checkbox
+                event.target.checked = true;
+
+                // Action when checkbox is clicked (e.g., log the selected project)
+                let selectedValue = event.target.value;
+                measSelect.value=selectedValue;
+                console.log("Selected project:", selectedValue);
 
+                // Highlight the selected item
+                document.querySelectorAll(".measure-item").forEach(item => {
+                  item.style.backgroundColor = ''; // Reset background color for all items
+                });
+                event.target.closest(".measure-item").style.backgroundColor = '#d3f8d3'; // Highlight the selected item
 
+            /////////////////////////////////////////////
 
                   // Show alert immediately to prompt the user
                   if (projsec.value.startsWith('3.2') || projsec.value.startsWith('3.3') || projsec.value.startsWith('2.7')) {