基于复选框选择显示随机文本(javascript)

基于复选框选择显示随机文本(javascript),javascript,input,Javascript,Input,我开始熟悉Javascript,需要做以下工作: 有四个文本为“红、蓝、黄、绿”的复选框。当用户单击按钮时,其中一种颜色将随机显示为文本 有没有关于如何使用Javascript执行此操作的建议?我相信这就是您正在尝试执行的操作: *我使用这里只是为了解释的目的。如果需要,可以将其转换为纯JavaScript $("button").click(function(){ $colors = $("input:checked"); //Get all the checkboxes

我开始熟悉Javascript,需要做以下工作:

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


有没有关于如何使用Javascript执行此操作的建议?

我相信这就是您正在尝试执行的操作:

*我使用这里只是为了解释的目的。如果需要,可以将其转换为纯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
    }    
});
单击按钮时,将显示从复选框列表中随机选择的颜色之一


只有选中的复选框才算?等等。。。那么你有4个复选框或按钮?等等……那么你是说你有一个单独的“Go”按钮,当点击时,一些文本应该以随机颜色显示,从当前选中的颜色复选框中选择一种颜色?即使你对JS感到困惑,你至少可以显示到目前为止的html标记……有趣的是,我拼凑了起来。可能会有帮助,@Rikonator-你的演示有点。。。太复杂了。