Javascript 使用HTML单选按钮的正确方法？

我有三个单选按钮。我希望它们像单选按钮一样：如果用户单击其中一个按钮，则无法单击另一个按钮。但不知何故，我的按钮就像复选框一样，用户可以选择全部3个。这是我的代码，我遗漏了什么？谢谢

<div class="form-group">
<div class="form-item" id="form-item-hi_status1">
<label for="input-status1" ></label>
<input class="radio-input" type="radio" id="input-hi_status1" name="input-hi_status1" data-label="Option 1" data-mask="radiobutton" value="1">
<label class="radio-label">Option 1</label>
</div>
<div class="form-item" id="form-item-hi_status2">
<label for="input-status2" ></label>
<input class="radio-input" type="radio" id="input-hi_status2" name="input-hi_status2" data-label="Option 2" data-mask="radiobutton" value="2">
<label class="radio-label">Option 2</label></div>
<div class="form-item" id="form-item-hi_status3">
<label for="input-status3" ></label>
<input class="radio-input" type="radio" id="input-hi_status3" name="input-hi_status3" data-label="Option 3" data-mask="radiobutton" value="3"><label class="radio-label">Option 3</label>
</div>

选择1
选择2
选择3

这是一张显示问题的图片。我没有将W3Schools用作学习资源，我只是使用它们的HTML编辑器来显示示例

---

组中的所有单选按钮的

名称属性值必须相同。这就是它们相互排斥的原因

以下是有关
的信息，其中包括：

“名称”设置是单选按钮的一个重要属性，因为它
标识单选按钮所属的组。因为一群
单选按钮作为一个单元，必须为所有按钮指定一个通用名称
相关单选按钮。当两个或多个单选按钮共享一个名称时，
选择其中一个按钮将使用
同名。如果一个屏幕上有多组单选按钮
单页，不同组中的按钮必须具有不同的
“名称”属性

单选按钮使用
名称
属性组合在一起。给他们相同的
名称

<div class="form-group">
<div class="form-item" id="form-item-hi_status1">
   <label for="input-status1" ></label>
   <input class="radio-input" type="radio" id="input-hi_status1" name="input-hi_status" data-label="Option 1" data-mask="radiobutton" value="1">
   <label class="radio-label">Option 1</label>
</div>
<div class="form-item" id="form-item-hi_status2">
   <label for="input-status2" ></label>
   <input class="radio-input" type="radio" id="input-hi_status2" name="input-hi_status" data-label="Option 2" data-mask="radiobutton" value="2">
   <label class="radio-label">Option 2</label>
</div>
<div class="form-item" id="form-item-hi_status3">
   <label for="input-status3" ></label>
   <input class="radio-input" type="radio" id="input-hi_status3" name="input-hi_status" data-label="Option 3" data-mask="radiobutton" value="3">
   <label class="radio-label">Option 3</label>
</div>


选择1
选择2
选择3
谢谢，就是这样：）既然您似乎在链接w3schools，请看一下他们的示例：请不要将w3schools用作学习资源。众所周知，它有过时和不准确的信息。我只是用他们的HTML编辑器来展示这个例子。