无法为多个问题选择单选按钮选项

<form>
  <fieldset>
    <legend>问题1</legend>
    <input type="radio" id="q1_option1" name="question1" value="option1">
    <label for="q1_option1">选项1</label><br>
    <input type="radio" id="q1_option2" name="question1" value="option2">
    <label for="q1_option2">选项2</label>
  </fieldset>

  <fieldset>
    <legend>问题2</legend>
    <input type="radio" id="q2_option1" name="question2" value="option1">
    <label for="q2_option1">选项1</label><br>
    <input type="radio" id="q2_option2" name="question2" value="option2">
    <label for="q2_option2">选项2</label>
  </fieldset>
</form>

// 示例：确保没有这样的代码干扰
document.querySelectorAll('input[type="radio"]').forEach(radio => {
  radio.checked = true; // 这会导致所有单选按钮都被选中
});

/* 示例：确保没有这样的样式 */
input[type="radio"] {
  display: inline-block; /* 正常显示 */
}