/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 votes161 views1 answer
Bootstrap darkmode
CSS Bootstrap
1 vote218 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
33 votes215 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote220 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
0 vote193 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote209 views1 answer
React bootstrap col not working
Javascript Bootstrap
0 vote220 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
10 votes229 views4 answers
Bootstrap badges Links
CSS Bootstrap
255 votes564 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
3 votes217 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap