/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 vote187 views2 answers
Laravel bootstrap 5 install popper.js error
Javascript Bootstrap
0 vote179 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
2 votes178 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote182 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote99 views1 answer
React bootstrap carousel caption
Javascript Bootstrap
0 vote97 views1 answer
Import button react-bootstrap
Javascript Bootstrap
13 votes186 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote175 views2 answers
Bootstrap 5 container
CSS Bootstrap
0 vote202 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Bootstrap
22 votes167 views2 answers
React-bootstrap example
Javascript Bootstrap