/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 vote377 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap
125 votes392 views6 answers
Install React Bootstrap
Javascript Bootstrap
0 vote368 views1 answer
Bootstrap accessibility
CSS Bootstrap
3 votes353 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote374 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
0 vote386 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
26 votes370 views10 answers
Bootstrap
CSS Bootstrap
0 vote403 views2 answers
React-bootstrap sidebar menu
Javascript Bootstrap
0 vote393 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
1 vote369 views1 answer
Bootstrap Changing the separator
CSS Bootstrap