/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

14 votes252 views6 answers
Bootstrap image size
CSS Bootstrap
4 votes276 views1 answer
Bootstrap file select class
CSS Bootstrap
13 votes223 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote260 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
0 vote245 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote263 views1 answer
Bootstrap-scss github
CSS Bootstrap
0 vote286 views1 answer
React bootstrap button
Javascript Bootstrap
2 votes262 views1 answer
Can't import react bootstrap
Javascript Bootstrap
0 vote278 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
2 votes269 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap