javascript - チェックボックスの選択に基づいてランダムなテキストを表示する (javascript)

Question

私はJavascriptに慣れてきており、次のことを行う必要があります:

「赤、青、黄、緑」というテキストの 4 つのチェックボックスがあります。ユーザーがボタンをクリックすると、いずれかの色がテキストとしてランダムに表示されます。

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

ボタンをクリックすると、チェックボックスのリストからランダムに選択された色の 1 つが表示されます。