Comment activer un bouton quand une case checkbox ou radio est cochée

Réponses rédigées par Antoine

Dernière mise à jour : 2017-10-12 03:26:57

Question

Voilà j'ai un formulaire avec deux cases radio et un bouton qui par défaut est disable, comment je fais pour activer le bouton quand une case est cochée ?

<input type='radio' name='test' value='1'  /> case 1

<input type='radio' name='test' value='2'  /> case 2

<input type="submit"  value="Envoyer" disabled="disabled" />

Réponse

Il faut que tu ajoutes un ID à ton bouton et un onclick="check()" sur les cases.

<input type='radio' name='test' value='1' onclick='check()'> case 1
<br>
<input type='radio' name='test' value='2' onclick='check()'> case 2
<br><br>
<input type="submit" id="monbouton" value="Envoyer" disabled="disabled">

Dès lors il suffit de créer une fonction JavaScript nommée check() qui parcours les cases avec une boucle for, et qui vérifie si une case est cochée. Si c'est le cas on supprime la propriété disabled du bouton.

function check(){
var ele = document.getElementsByName('test');
var flag = 0;
for(var i = 0; i < ele.length; i ++){
if (ele[i].checked)
flag = 1; 
} 
if (flag == 1)
document.getElementById('monbouton').disabled = false;
}

Exemple sur le Bac à Codes