显示随机文本基于复选框选择（JavaScript）的

Question

我得到使用JavaScript交手，需要做到以下几点：

有四个复选框与文本“红，蓝，黄，绿”。当用户点击按钮时，其中一种颜色将随机显示为文本。

任何建议如何使用Javascript来做到这一点？

Answer 1

我相信这是你正在尝试做的：

http://jsfiddle.net/DerekL/QgGwS/

^*我使用jQuery这里只是为了便于说明。如果您愿意，可以将其转换为纯JavaScript。

$("button").click(function(){ 
    $colors = $("input:checked");  //Get all the checkboxes that are checked 
    if($colors.length != 0){   //At least 1 checkbox has to be checked 
     var index = Math.floor(Math.random()*$colors.length); //generate ran. num 
     $("span").html($colors[index].value);     //show the value 
    }else{ 
     alert("Choose a color!");  //Tell the user to check at least 1 box 
    }  
}); 

一位来自的检查框的列表中随机选择的颜色会显示为你点击按钮。