Wie man neuen div-Tag hinzufügen, wenn das Kontrollkästchen aktiviert ist mit Jquery

$(':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();
    }
});

Wenn Sie diese neue div hinzufügen neben dem Kontrollkästchen wan't‘label dann zuerst sicherstellen, dass Sie ids Set für Ihre Kontrollkästchen und dass die Verwendung für das Attribut in Etiketten müssen Etiketten mit Checkboxen verbinden:

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

Jetzt können Sie nur JS-Code über ein wenig ändern und Sie sind fertig:

$(':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();
    }
});