/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

15 votes334 views8 answers
React bootstrap
Javascript Bootstrap
0 vote231 views2 answers
How to assign bootstrapswitch using jquery
Javascript Bootstrap
0 vote234 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
-2 votes235 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript Bootstrap
0 vote237 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
5 votes178 views1 answer
Bootstrap darkmode
CSS Bootstrap
2 votes232 views2 answers
Bootstrap icons in angular
CSS Bootstrap
34 votes223 views6 answers
Rounded bootstrap
Javascript Bootstrap
0 vote220 views1 answer
Bootstrap 4 open tab when opening modal
Javascript Bootstrap
6 votes239 views5 answers
Bootstrap icons
CSS Bootstrap