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

Question

一些简单的HTMl，我已经为样式添加了跨度，应该使用标签吗？它的意思是只允许一次选择一个。我究竟做错了什么？我codeblind：P

JSfiddle here.

感谢。

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>