顯示隨機文本基於複選框選擇（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 
    }  
}); 

一位來自的檢查框的列表中隨機選擇的顏色會顯示爲你點擊按鈕。