使用单选按钮在不同的表单组中隐藏/显示多个文本框的最佳方式是什么？

// HTML代码
<form>
  <input type="radio" name="formGroup" value="group1"> Group 1
  <input type="radio" name="formGroup" value="group2"> Group 2
</form>

<div id="group1TextBoxes">
  <input type="text" name="text1">
  <input type="text" name="text2">
</div>

<div id="group2TextBoxes">
  <input type="text" name="text3">
  <input type="text" name="text4">
</div>

// JavaScript代码
const group1RadioButton = document.querySelector('input[value="group1"]');
const group2RadioButton = document.querySelector('input[value="group2"]');
const group1TextBoxes = document.getElementById('group1TextBoxes');
const group2TextBoxes = document.getElementById('group2TextBoxes');

group1RadioButton.addEventListener('click', () => {
  group1TextBoxes.style.display = 'block';
  group2TextBoxes.style.display = 'none';
});

group2RadioButton.addEventListener('click', () => {
  group1TextBoxes.style.display = 'none';
  group2TextBoxes.style.display = 'block';
});