html - 我的表单单选按钮不起作用

Question

一些简单的 HTMl，我已经为样式添加了跨度，我应该使用标签来代替吗？这意味着一次只允许选择一个。我究竟做错了什么？我是密码盲：P

JSfiddle 在这里。

谢谢。

Answer 1

单选组由具有多个同名单选按钮创建。

您有许多单选组，每个组包含一个按钮。

您不应该为样式添加标签，但应该添加标签以将单选按钮的标签与单选按钮相关联。

Answer 2

您需要将单选按钮分组为：

<form>
    <span id="betalfakturavalg">
        <input type="radio" name="group1" title="Valg Faktura"
        onclick="document.getElementById('betalfakturavalg').style.cssText='border-color:#85c222; background-color:#E5F7C7;';" /> Faktura - For bedrifter  
    </span>
    <br>
    <span id="betalkortvalg">
        <input type="radio" name="group1" title="Valg Kreditkort"
        onclick="document.getElementById('betalkortvalg').style.cssText='border-color:#85c222; background-color:#E5F7C7;';" /> Kreditkort - For alle privatpersoner
    </span>
</form>

Answer 3

在单选按钮中使用单个名称，

<form>
    <span id="betalfakturavalg">
        <input type="radio" name="betalfakturavalg" title="Valg Faktura"
        onclick="document.getElementById('betalfakturavalg').style.cssText='border-color:#85c222; background-color:#E5F7C7;';" /> Faktura - For bedrifter  
    </span>
    <br>
    <span id="betalkortvalg">
        <input type="radio" name="betalfakturavalg" title="Valg Kreditkort"
        onclick="document.getElementById('betalkortvalg').style.cssText='border-color:#85c222; background-color:#E5F7C7;';" /> Kreditkort - For alle privatpersoner
    </span>
</form>