編輯問題，以包括預期行為、特定問題或錯誤以及重現問題所需的最短代碼。這將有助于其他人回答問題。

首先，我會用你所有的數據創建一個數據結構(數組？帶數組的對象？)、嵌套數據(單選按鈕的選項數組？)，等等。然后我將html構建為JavaScript字符串元素，最后我將使用類似

var myDiv = document.getElementById("mydiv");
myDiv.innerHtml = calculatedHtml;

至少你會得到系統代碼的可重用性，你會澄清你的問題。

// Get all the radio buttons
const radioButtons = document.querySelectorAll('input[type="radio"]');

// Add event listeners to each radio button
radioButtons.forEach(function(radio) {
  radio.addEventListener('change', function() {
    console.log('Selected option:', this.value);
    // Perform any desired actions based on the selected option
  });
});

2. Add some CSS to style the radio buttons and the layout:

.row {
  display: flex;
}

label {
  margin-right: 10px;
}

input[type="radio"] {
  margin-right: 5px;
}

 3. Set up the HTML structure:

<div id="radio-buttons">
  <div class="row">
    <label>
      <input type="radio" name="option" value="option1">
      Option 1
    </label>
    <label>
      <input type="radio" name="option" value="option2">
      Option 2
    </label>
  </div>
  <div class="row">
    <label>
      <input type="radio" name="option" value="option3">
      Option 3
    </label>
    <label>
      <input type="radio" name="option" value="option4">
      Option 4
    </label>
  </div>
</div>