Как добавить новый тег div, когда флажок установлен с помощью jquery - PullRequest
Новая
       22

Как добавить новый тег div, когда флажок установлен с помощью jquery

0 голосов
/ 30 июля 2009

как добавить новый тег div рядом с флажком, если флажок установлен, а также, когда флажок два установлен, должен отображаться тег div Пожалуйста, помогите и заставьте меня решить этот модуль, используя jquery

1 Ответ

2 голосов
/ 30 июля 2009 
$(':checkbox').click(function () {
    if ($(this).attr('checked')) {
        // create new div
        var newDiv = $('<div>contents</div>');

        // you can insert element like this:
        newDiv.insertAfter($(this));

        // or like that (choose syntax that you prefer):
        $(this).after(newDiv);
    } else {
        // this will remove div next to current element if it's present
        $(this).next().filter('div').remove();
    }
});

Если вы не хотите добавлять этот новый div рядом с меткой 'checkbox', то сначала убедитесь, что у вас установлены идентификаторы для ваших флажков и что они используются для атрибута в метках для соединения меток с флажками: 

<label for="myCb1">test</label>
<input type="checkbox" id="myCb1" value="1" />

Теперь вы можете просто немного изменить код JS, и все готово: 

$(':checkbox').click(function () {
    // current checkbox id
    var id = $(this).attr('id');

    // checkbox' label
    var label = $('label[for=' + id + ']');

    if ($(this).attr('checked')) {
        // create new div
        var newDiv = $('<div>contents</div>');

        // insert div element
        newDiv.insertAfter(label);
    } else {
        // this will remove div next to current element if it's present
        label.next().filter('div').remove();
    }
});
...