0

これは一種の奇妙な質問だと思いますが、解決する方法も見つかりません。

HTMLページの右側に10個のチェックボックスを選択し、左側に文を選択します。私が必要としているのは、最初の 4 つのチェック ボックスをオンにするまで、文の色が赤のままであることです。

さらに5～7番目[つまり1～7番目]のチェックボックスにチェックを入れると、左側の文章がすぐに黄色になるはずです。

チェックボックス全体をチェックすると、左側が緑色になります。

----------------------------------------

                                   |   check box 1
                                   |   check box 2
                                   |   check box 3
                                   |   check box 4
Sentence to be colored             |   check box 5
                                   |   check box 6
                                   |   check box 7
                                   |   check box 8
                                   |   check box 9
                                   |   check box 10
                                   |

これには JavaScript を使用する必要があると思いますが、その方法がわかりません。

4

1 に答える 1

0

jQueryを使用すると、次のようなことができます

if($("#Checkbox1").is(":checked") && $("#Checkbox2").is(":checked")) //etc do this for each checkbox up to 7
{
    $("#Sentence").css("color", "yellow");
}

これが開始に役立つことを願っています。

于 2013-09-24T07:01:29.050 に答える