变量

时间:2016-05-25 20:52:51

标签: javascript

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

  1. 使用动词创建新数组
  2. 从数组中随机选择动词。
  3. 用户对该组投票,从阵列中删除所选动词。
  4. 接下来,等等。
  5. 循环&如果不是问题,但我从未使用单选按钮。 所以目前我有以下内容:

    
    
    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>
    &#13;
    &#13;
    &#13;

    我需要在我的函数中创建一个新变量,例如radio_value,并在检查无线电并按提交后写入用户的值。我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

您需要创建一个新功能,以便在单击提交按钮时获取表单信息并传达您要查找的内容,如下所示:

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

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

出于调试的目的,点击提交按钮后,我会有一个警告显示,可以选择这一点以进一步理解。