/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

18 votes239 views6 answers
Install bootstrap angular 9
CSS Bootstrap
2 votes232 views2 answers
Bootstrap change color table striped
CSS Bootstrap
0 vote220 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
98 votes257 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
253 votes290 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote204 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
11 votes209 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
133 votes247 views6 answers
Using bootstrap with react
Javascript Bootstrap
0 vote207 views1 answer
Bootstrap table using javascript
Javascript Bootstrap
-1 vote197 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap