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

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