/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 vote188 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote126 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
-1 vote158 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
14 votes216 views2 answers
.col-12 bootstrap
CSS Bootstrap
34 votes153 views6 answers
Border bootstrap
Javascript Bootstrap
-1 vote167 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
1 vote209 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
0 vote176 views1 answer
Showing bootstrap modal after a delay
Javascript Bootstrap
2 votes185 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
5 votes173 views2 answers
Remove bootstrap button outline
CSS Bootstrap