Hoe kan ik nieuwe div tag toe te voegen wanneer selectievakje is gecontroleerd met behulp van 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();
    }
});

Als u wan't om deze nieuwe div toe te voegen naast het selectievakje' label dan eerst zorg ervoor dat je id's die voor uw checkboxes en dat het gebruik voor attribuut in labels om labels te verbinden met checkboxes:

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

Nu kun je gewoon wijzigen JS code boven een beetje en je bent klaar:

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