/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 vote174 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
92 votes314 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote230 views1 answer
Bootstrap put button on one line
CSS Bootstrap
0 vote221 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
1 vote192 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote212 views1 answer
Dynamically fill bootstrap card
Javascript Bootstrap
3 votes195 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote191 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote201 views1 answer
Bootstrap remove unused css
CSS Bootstrap
-2 votes181 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap