/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

1 vote270 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
10 votes236 views4 answers
Bootstrap badges Links
CSS Bootstrap
0 vote231 views1 answer
Bootstrap time picker 12 hour format
Javascript Bootstrap
4 votes207 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
255 votes334 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
1 vote256 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
1 vote263 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
1 vote259 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
0 vote235 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
0 vote246 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap