Les boutons radio de mon formulaire ne fonctionnent pas

Question

Certains simples HTMl, j'ai ajouté des étendues pour le style, devrais-je utiliser des étiquettes à la place? Il est destiné à permettre seulement un sélectionné à la fois. Qu'est-ce que je fais mal? Je suis codeblind: P

JSfiddle here.

Merci.

Answer 1

Un groupe radio est créé par un nombre de boutons radio portant le même nom.

Vous avez un certain nombre de groupes radio, chacun contenant un bouton.

Vous ne devez pas ajouter d'étiquettes pour le style, mais ajouter des étiquettes pour associer l'étiquette d'un bouton radio au bouton radio.

Answer 2

vous devez regrouper les boutons radio en tant que tels:

<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

Utiliser le nom unique sur le bouton radio,

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