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

Display random text based on checkbox selection (javascript)

本文关键字：选择 javascript 复选框 随机 文本 显示      更新时间：2023-09-26

我正在掌握Javascript，需要做以下事情:

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

有什么建议如何做到这一点与Javascript?

我相信这就是你想要做的:

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
    }    
});

当你点击按钮时，从选中框列表中随机选择的一种颜色将显示出来。

相关文章：