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

【问题标题】：My form radio buttons don't work我的表单单选按钮不起作用
【发布时间】：2011-02-10 02:42:25
【问题描述】：

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

JSfiddle here.

谢谢。

【问题讨论】：

标签： html css input radio

【解决方案1】：

单选按钮组由多个同名单选按钮组成。

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

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：