/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 vote247 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
0 vote251 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
1 vote293 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote252 views2 answers
Bootstrap 5 container
CSS Bootstrap
1 vote262 views1 answer
Bootstrap modal title center
Javascript Bootstrap
0 vote255 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
13 votes215 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote199 views1 answer
UseBootstrapPrefixhttp://localhost:8000/static/js/bundle.js:15261:75
Javascript Bootstrap
0 vote227 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
0 vote262 views1 answer
Reactbootstrap multiselect
Javascript Bootstrap