/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

1 vote304 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
0 vote288 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
126 votes385 views5 answers
React Bootstrap css import
CSS Bootstrap
42 votes340 views5 answers
Npm bootstrap
CSS Bootstrap
9 votes341 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote247 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap
35 votes282 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
4 votes220 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
6 votes311 views4 answers
Angular bootstrap not working
Javascript Bootstrap
45 votes377 views6 answers
Adding bootstrap to angular
Javascript Bootstrap