变量中的 Javascript 单选按钮值

Question

我尝试编写一个小脚本，检查动词是否与 3 个组中的一个匹配。所以:

1. 用动词创建新数组
2. 从数组中随机选择动词。
3. 用户为组投票，从数组中删除选定的动词。
4. 下一步等

循环 & 如果不是问题，但我从未使用过单选按钮。所以目前我有以下内容:

window.onload = function () {
	var verb_array = new Array (1,2,3)
	var random_verb_array_num = Math.floor(Math.random() * (verb_array.length - 0+0)) + 0;
	var random_verb_array_value = verb_array[random_verb_array_num];
	var show = document.getElementById("wuza").innerHTML = random_verb_array_value;
	verb_array.splice(random_verb_array_num, 1);
}

<div id="wuza"></div>
<br /><br />
<form action="">
	<input type="radio" name="group" value="1">1 Group
	<input type="radio" name="group" value="2">2 Group
	<input type="radio" name="group" value="3">3 Group
	<br /><input type="submit" value="Check" />
</form>

我需要在我的函数中创建一个新变量，例如radio_value，并在检查 radio 并按提交后将用户的值写在那里。我怎样才能做到这一点？

Answer 1

您需要为单击提交按钮时获取表单信息并传达您要查找的内容创建一个新函数，如下所示:

<div id="wuza"></div>
<br /><br />
<form action="">
	<input type="radio" name="group" value="1" onClick="userChoice(1);">1 Group
	<input type="radio" name="group" value="2" onClick="userChoice(2);">2 Group
	<input type="radio" name="group" value="3" onClick="userChoice(3);">3 Group
	<br /><input type="button" value="Check" onClick="alert('The user submitted ' + userDecided);" />
</form>
<script>
window.onload = function () {
	var verb_array = new Array (1,2,3)
	var random_verb_array_num = Math.floor(Math.random() * (verb_array.length - 0+0)) + 0;
	var random_verb_array_value = verb_array[random_verb_array_num];
	var show = document.getElementById("wuza").innerHTML = random_verb_array_value;
	verb_array.splice(random_verb_array_num, 1);
}
function userChoice(choice) {
    switch(choice) {
      case 1:
        userDecided = 1;
        break;
      case 2:
        userDecided = 2;
        break;
      case 3:
        userDecided = 3;
        break;
      default:
        userDecided = 0;
        break;
    }
    }
</script>

不过您需要某种异步加载。我以这样的方式编写代码，以便您可以根据用户的选择初始化一些进一步的指令。

出于调试目的，在单击提交按钮后，我会警告显示做出的选择以加深您的理解。