/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

5 votes190 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
2 votes188 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
-1 vote244 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
0 vote207 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
64 votes323 views4 answers
Bootstrap buttons
CSS Bootstrap
0 vote209 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
6 votes219 views3 answers
.row bootstrap
CSS Bootstrap
42 votes249 views5 answers
Npm bootstrap
CSS Bootstrap
112 votes293 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap
33 votes207 views3 answers
React native bootstrap
Javascript Bootstrap