Перекрасить текст на основе «флажка», выбрать номер и последовательность в HTML + JS

Question

Перекрасить текст на основе «флажка», выбрать номер и последовательность в HTML + JS

0

Это какой-то странный вопрос, который я предполагаю, но я не нахожу способ его решить.

У меня есть 10 флажков для выбора в правой части и предложение в левой части страницы HTML. Мне нужно, предложение должно оставаться красным по цвету, пока я не проверю первые 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, но я не знаю, как это сделать.

Mohammad Khalid Masud 24 сен. 2013, в 09:41

Источник

Теги:

javascript

jquery

html

css

colors

1 ответ

Ещё вопросы

BenM · Accepted Answer · 2013-09-24T05-57-00.000Z

С jQuery вы могли бы что-то сделать в соответствии с

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

Надеюсь, это поможет вам начать.

@Bennm: Это было круто. Я такая свалка, у которой тоже не могло быть этой идеи. Спасибо за помощь :)
@MohammadKhalidMasud THankyou. Пожалуйста, не стесняйтесь голосовать и, если необходимо, пометить как принятый ответ.