Ändern onClick Wert über Radiobuttons

Question

Ich bin ziemlich neu in all dem und frage mich, ob jemand mit etwas helfen kann. Ich habe den Code, unter dem wenn der Knopf geklickt wird, verweist eine Javascript-Datei und füllt ein zufälliges englisches Wort auf. Ich möchte es ändern, um einen Radio-Button hinzuzufügen. Der Optionsschalter erlaubt dem Benutzer, ein englisches Wort oder ein französisches Wort auszuwählen. Wie kann ich meinen onClick Befehl ändern, um den Wert des ausgewählten Optionsfelds zu verwenden?

<FORM NAME="Generator"> 
    <INPUT TYPE=TEXT NAME="WordBox" id="wordbox"><BR> 
    <INPUT TYPE=BUTTON VALUE="Generate" onClick="English(document.WordForm);" id="button"> 
</FORM> 

Answer 1

Ich glaube, dass Sie eine Funktion English haben, die die form als einzigen Parameter übernehmen, müssen Sie nichts ändern, nur die radio hinzufügen und den Wert aus dem Formular in Ihrer Funktion erhalten, wie:

<FORM NAME="Generator"> 
    <INPUT TYPE="TEXT" NAME="WordBox" id="wordbox"> 
    <BR> 
    <INPUT TYPE="RADIO" NAME="language" value="ENGLISH">ENGLISH 
    <INPUT TYPE="RADIO" NAME="language" value="FRENCH">FRENCH 
    <BR> 
    <INPUT TYPE=BUTTON VALUE="Generate" onClick="English(document.WordForm);" id="button"> 
</FORM> 

erhalten dann den Wert:

function English(form){ 
    var language = form.language.value; 
} 

Hoffnung, das hilft.

Answer 2

Ich bin mir nicht sicher, ob ich vollständig verstehe, was du erreichen willst, aber ist es etwas in der Art, was ich in dieser Geige erschaffen habe?

https://jsfiddle.net/pq6eh1jk/5/

HTML:

<input id="word" type="text"/> 
<input id="english" type="radio" name="language" checked="checked"> English 
<input type="radio" name="language" value="english"> French 
<input type="button" onclick="generateText()" value="Generate Text"/> 

JS:

var englishWordBank = [ 'Animal', 'Bank', 'City' ]; 
var frenchWordBank = [ 'Avion', 'Bonjour', 'Chat' ]; 

var generateText = function() { 
    var wordInput = document.getElementById('word'); 
    var randomIndex = Math.round(Math.random()*2); //Between 0-2 
    if (document.getElementById('english').checked) 
    wordInput.value = englishWordBank[randomIndex]; 
    //French: 
    else 
    wordInput.value = frenchWordBank[randomIndex]; 
};