根据复选框选择显示随机文本（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
    }    
});

  

单击按钮时，复选框列表中随机选择的颜色之一将显示。