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

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>