كيفية إضافة علامة div جديدة عندما يتم فحص باستخدام خانة الاختيار مسج

Question

وكيفية إضافة شعبة الوسم جديدة بجوار خانة الاختيار عندما يتم فحص خانة الاختيار وكذلك عند تحديد خانة الاختيار اثنين من العلامة اثنين شعبة يجب أن يكون العرض. الرجاء المساعدة وتجعلني لحل هذه الوحدة باستخدام مسج

Answer 1

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

إذا wan't لإضافة هذا شعبة جديدة بجانب مربع 'التسمية ثم تأكد أولا من أن يكون لديك مجموعة معرف للخانات والتي تستخدم للسمة في التسميات للاتصال تسميات مع خانات:

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