/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

5 votes294 views1 answer
Bootstrap darkmode
CSS Bootstrap
13 votes280 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote315 views1 answer
Bootstrap remove unused css
CSS Bootstrap
0 vote266 views0 answer
Bootstrapcss
CSS Bootstrap
2 votes312 views1 answer
Bootstrap dark mode
CSS Bootstrap
0 vote327 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
33 votes323 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote314 views1 answer
Bootstrap accessibility
CSS Bootstrap
42 votes332 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote325 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap