/Javascript/Bootstrap/How to pass js data in bootstrap modal body without using input tag

How to pass js data in bootstrap modal body without using input tag

function checkboxUpdated(checkbox, count, label, id) {
    var checkbox = this,
        count = $(checkbox).data('count'),
        label = $(checkbox).data('label'),
        id = checkbox.value;
    if(checkbox.checked) {
        $('#menu_entry_' + id).show();
    } else {
        if (count > 0) {
            $('#confirm_modal').data('element', checkbox).find('div.modal-body p:first')
            .html( 'You have ' + count + ' saved ' + label + '. Are you sure you want to delete your ' + count + ' saved ' + label + '?' ).end()
            .modal('show');
            return;
        }
        $('#menu_entry_' + id).hide();
    }
}
$(function() {
    $(':checkbox').on('change', checkboxUpdated).change();
    $('.confirm-no').on('click', function() {
        var element = $('#confirm_modal').data('element');
        element.checked = true;
    });
    $('.confirm-yes').on('click', function() {
        var element = $('#confirm_modal').data('element'),
            id = element.value;
        $('#menu_entry_' + id).hide();
    });
});

Source: stackoverflow.com

Similar codes

0 vote224 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
5 votes235 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote214 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
0 vote238 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap
32 votes253 views6 answers
Alert bootstrap
CSS Bootstrap
1 vote240 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
0 vote298 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
1 vote306 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
98 votes393 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
0 vote239 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap