default

script.js

@@ -101,6 +101,7 @@ document.addEventListener('DOMContentLoaded', function() {
 
 function openTab(tabId) {
     const tabButtons = document.querySelectorAll('.tab-button');
+    const allSubOptions = document.querySelectorAll('.tab-content input[type="radio"]');
 
     var i, tabcontent;
     tabcontent = document.getElementsByClassName("tab-content");
@@ -113,4 +114,10 @@ function openTab(tabId) {
     }
     tabButtons.forEach(button => button.classList.remove('active'));
     document.querySelector(`.tab-button[data-tab='${tabId}']`).classList.add('active');
+
+    const firstSubOption = selectedTabContent.querySelector('input[type="radio"]');
+    if (firstSubOption) {
+        firstSubOption.checked = true; // Set the first sub-option as checked
+        updateModels(firstSubOption);  // Update the models based on this sub-option
+    }
 }