Удалить флажок оповещения, когда снят флажок

Question

Удалить флажок оповещения, когда снят флажок

0

У меня есть список флажков с уникальными идентификаторами от cbox1 до cbox30, и я хочу, чтобы различные предупреждения отображались, когда пользователь проверяет определенные флажки, например,

$(document).ready(function(e) {
    $( "#cbox1" ).on( "click", function() {
        alert("Day 1 Completed Well Done!!.");
    });

    $( "#cbox2" ).on( "click", function() {
        alert("Day 2 Finished Great Job.");
    });

    $( "#cbox3" ).on( "click", function() {
        alert("That Day 3 Done, Keep it Up!.");
    });
});

Во-первых, есть ли более простой или более смысловой способ сделать это?

Во-вторых, как я могу удалить окно предупреждения, если пользователь НЕОБХОДИЛ этот флажок?

FoamyMedia 10 нояб. 2013, в 16:38

Источник

Теги:

jquery

checkbox

alert

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-11-10T12-54-00.000Z

Используйте data-* для хранения сообщения

<input type="checkbox" id="cbox1" class="cbox" data-msg="Day 1 Completed Well Done!!." />
<input type="checkbox" id="cbox2" class="cbox" data-msg="Day 2 Finished Great Job." />
<input type="checkbox" id="cbox3" class="cbox" data-msg="That Day 3 Done, Keep it Up!." />

тогда

jQuery(function ($) {
    $(".cbox").on("click", function () {
        if (this.checked) {
            alert($(this).data('msg'));
        }
    });
});

Демо: скрипка