Question

我对这一切都很陌生，并想知道是否有人可以提供帮助。我有下面的代码，单击该按钮时引用一个javascript文件并填充一个随机的英文单词。我想更改它以添加单选按钮。单选按钮将允许用户选择英语单词或法语单词。如何更改onClick命令以使用所选单选按钮的值？

<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

我猜你有一个功能English以form为唯一参数，你不必改变任何东西只需添加radio和从函数中的表单中获取值，例如：

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

然后得到值：

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

希望这有帮助。

Answer 2

我不确定我是否完全理解你想要实现的目标，但这是否与我在这个小提琴中所创造的一致？

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];
};

通过单选按钮更改onClick值

2 个答案: