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

时间:2010-04-20 11:49:28

标签: html css input radio

一些简单的HTMl,我添加了样式的跨度,我应该使用标签吗?这意味着只允许一次选择一个。我究竟做错了什么?我是codeblind:P

JSfiddle here.

感谢。

3 个答案:

答案 0 :(得分:4)

通过使用多个具有相同名称的单选按钮来创建广播组。

您有许多广播组,每组包含一个按钮。

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

答案 1 :(得分:1)

您需要将单选按钮分组:

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

答案 2 :(得分:1)

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

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