/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 vote343 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
64 votes406 views4 answers
Bootstrap buttons
CSS Bootstrap
2 votes354 views1 answer
Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript electron
Javascript Bootstrap
25 votes379 views6 answers
How to install bootstrap in angular
Javascript Bootstrap
12 votes307 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
-2 votes360 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
0 vote342 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
-1 vote334 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
0 vote359 views1 answer
Bootstrap not working in print
Javascript Bootstrap
35 votes372 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap