ラジオボタンがチェックされている場合、別の機能を取得する方法は？ （Javascript）

Question

ラジオがチェックされたら、ボタンをクリックして別の機能に行きたいのですが、チェックされていない場合は、「オプションの1つを選択する必要があります。

function activeSection2(){ 
//montre la section2 - #Perso 
document.getElementById("Accueil").style.display="none"; 
document.getElementById("Perso").style.display="block"; 


document.forms[1].elements[0].addEventListener("click",activeSection3,false) 

コードの最後の行は、私は無線のいずれかがチェックされたときにアクティブにしたいものです。

は、ここに私のコードの一部です。ここで

は私のラジオは、以下のとおりです。

<form> 
        <fieldset> 
        <legend>Humains</legend> 
         <input type="radio" id="aRadGUE" name="rGroupe1"><p id="GUE">Guerrier</p> 
         <input type="radio" id="aRadVOL" name="rGroupe1"><p id="VOL">Voleur</p> 
         <input type="radio" id="aRadCLE" name="rGroupe1"><p id="CLE">Clerc</p> 
         <input type="radio" id="aRadMAG" name="rGroupe1"><p id="MAG">Magicien</p> 
        </fieldset> 

        <fieldset> 
        <legend>Demi-humains</legend> 
         <input type="radio" id="aRadNAI" name="rGroupe1"><p id ="NAI">Nain</p> 
         <input type="radio" id="aRadELF" name="rGroupe1"><p id ="ELF">Elf</p> 
         <input type="radio" id="aRadHAL" name="rGroupe1"><p id="HAL">Halfelin</p> 
        </fieldset> 
       </form> 

Answer 1

function fnA() { 
 
    alert("fn A is doing stuff..."); 
 
} 
 

 
function fnB() { 
 
    alert("fn B is doing stuff..."); 
 
} 
 

 

 
document.getElementById("testBtn").addEventListener("click", function() { 
 
    
 
    // Get the currently selected radio value 
 
    var checked = document.querySelector("[name='fn']:checked"); 
 
    
 
    if(!checked) { 
 
    // No radios checked 
 
    alert("Please select one option..."); 
 
    } else { 
 
    // Use the checked radio value as a function name - and trigger it! 
 
    window[checked.value](); 
 
    } 
 
}, false);

<input type="radio" name="fn" value="fnA"> Use fn A<br> 
 
<input type="radio" name="fn" value="fnB"> Use fb B<br> 
 

 
<input type="button" value="TEST" id="testBtn">