<div class="abilities">

    <div class="ability">

        <input type="radio" value="ability_a" name="ability" id="ability_a" />

        <label for="ability_a">Capacité A</label>

    </div>

    <div class="ability">

        <input type="radio" value="ability_b" name="ability" id="ability_b" />

        <label for="ability_b">Capacité B</label>

    </div>

    <div class="ability">

        <input type="radio" value="ability_c" name="ability" id="ability_c" />

        <label for="ability_c">Capacité C</label>

    </div>

</div>



<div class="submit" id="submit_ability"><input type="submit" value="Effectuer l'action" /></div>

$(document).ready(function(){

  

  /* On cache le bouton. */

  $('#submit_ability').hide();

  

  /*

   * On ajoute un événement : si on change l'état du bouton radio,

   * alors on affiche le bouton.

   */

  $('.abilities .ability input[type=radio]').change(function(){

    $('#submit_ability').show();

  });

  

});

function maVerifDeFormulaire() {

var bMonFormulaireEstOk = true;

var obj = document.getElementById('monChamp');     // on retrouve l'élément 'monChamp' de la page HTML, on pourra alors faire les véritications...

bMonFormulaireEstOk &= (obj && obj.value) {     // si le champs 'monChamp' existe, et que sa valeur est conforme à ce que j'attends (là j'ai choisi de dire qu'il faut que mon champ ne soit pas vide)

// on fait les autres tests sur les champs du formulaire



if (bMonFormulaireEstOk) {    // tous les champs vérifiés sont OK... on affiche le bouton

var bouton = document.getElementById('monBouton');   // on retrouve l'élément 'monBouton' de la page HTML

if (bouton) {

bouton.style.display = '';   // on affiche le bouton

} else {

bouton.style.display = 'none';  // formulaire pas bon, le bouton est caché...

}

}

}