如果正在与其子选择进行交互，如何检查单选按钮？

Question

我有一个带有两个单选按钮的表单，每个按钮旁边都有一个选择下拉菜单。

我希望选中单选按钮，以防与旁边的选择下拉菜单进行交互。

我当前的解决方案（以简化示例为例）正在使用 onclick 处理程序：

onClick={(event) =>
  (event.target.parentElement.firstElementChild.checked = true)
}

有没有办法以某种方式将一个本地链接到另一个？谢谢。

<form>
  <label htmlFor="frequency">
    Frequency
  </label>

  <div>
    <input type="radio" id="weekly" name="frequency" />
    <label htmlFor="weekly">
      weekly on
    </label>
    <select>
      <option>mon</option>
      <option>fri</option>
    </select>
  </div>

  <div>
    <input type="radio" id="monthly" name="frequency" />
    <label htmlFor="monthly">
      monthly on
    </label>
    <select>
      <option>5</option>
      <option>20</option>
    </select>
  </div>
  <button type="submit">
    Submit
  </button>
</form>