Html 自定义单选按钮分组

我有一个场景，我需要将三个选项排列为高、中或低。我有三个单选按钮，每个选项的值分别为高、中、低。这些选择需要相互排斥

HTML

<label>Option : 1</label>
<input name="high" type="radio" value="H"> High
<input name="medium" type="radio" value="M"> Medium
<input name="low" type="radio" value="L"> Low

<br/>
<label>Option : 2</label>
<input name="high" type="radio" value="H"> High
<input name="medium" type="radio" value="M"> Medium
<input name="low" type="radio" value="L"> Low
<br/>

<label>Option : 3</label>
<input name="high" type="radio" value="H"> High
<input name="medium" type="radio" value="M"> Medium
<input name="low" type="radio" value="L"> Low

选项：1
高的
中等的
低的


选择：2
高的
中等的
低的


选择：3
高的
中等的
低的

通过以这种方式命名Radio N按钮，我可以实现避免多个

high

选择。但是，这会导致允许为单个选项选择所有选项，因为每个选项都有命名不同的单选按钮

我知道这可以通过一些JQuery验证来实现。但是，我们需要知道是否有其他方法可以用HTML本身实现这一点

---

谢谢。

如果我理解正确，这应该是正确的方法

<label>Option : 1</label>
<input name="option1" type="radio" value="H"> High
<input name="option1" type="radio" value="M"> Medium
<input name="option1" type="radio" value="L"> Low

<br/>
<label>Option : 2</label>
<input name="option2" type="radio" value="H"> High
<input name="option2" type="radio" value="M"> Medium
<input name="option2" type="radio" value="L"> Low
<br/>

<label>Option : 3</label>
<input name="option3" type="radio" value="H"> High
<input name="option3" type="radio" value="M"> Medium
<input name="option3" type="radio" value="L"> Low

选项：1
高的
中等的
低的


选择：2
高的
中等的
低的


选择：3
高的
中等的
低的

不应进行同一选择的多项选择！！？？从某种意义上说，只允许1高1中1低？@GreenWizard你理解得对。不，你没有。这将允许将所有三个选项选择为高。