I pulsanti di opzione di forma non funzionano

Question

Alcuni semplice HTML, ho campate aggiunto per lo styling, dovrei usare etichette, invece? E 'lo scopo di consentire un solo selezionato alla volta. Che cosa sto facendo di sbagliato? Sto codeblind: P

JSfiddle qui.

Grazie.

Answer 1

Un gruppo radio viene creato da un avendo un numero di pulsanti di opzione con lo stesso nome .

Si dispone di un certo numero di gruppi radiofonici, ognuno contenente il pulsante.

Non si dovrebbe aggiungere etichette per lo styling, ma è dovrebbe aggiungere etichette per associare l'etichetta di un pulsante di scelta con il pulsante di opzione.

Answer 2

è necessario raggruppare i pulsanti di opzione in quanto tali:

<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

Usa nome singolo nel pulsante di opzione,

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