HTML单选按钮，选择两个选项而不是一个

Question

请选择您需要的服务

<input type="radio" id="currConverter" name="currConverter" value="currConverter" />
<label for="currConverter">Currency Converter</label> <br />
<input type="radio" id="pbChecker" name="pbChecker" value="pbChecker" />
<label for="pbChecker">Prize Bond Checker</label> <br />
<input type="submit" class="submit" />
</form>

我有一个表单元素，我在里面放了两个单选按钮，但希望用户只选择一个选项。当我一个接一个地点击这些时，两个选项都会被选中，而不是我点击的那个选项。有什么解决办法吗？

Answer 1

w3School 链接

你们必须保持相同的名字。在您的情况下：

<input type="radio" id="currConverter" name="pbChecker"value="currConverter"/>
<label for="currConverter">Currency Converter</label> <br />
<input type="radio" id="pbChecker" name="pbChecker" value="pbChecker" />
<label for="pbChecker">Prize Bond Checker</label> <br />
<input type="submit" class="submit" />
</form>