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

Link to 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>

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

1 个答案: