/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 vote460 views1 answer
React bootstrap table
Javascript Bootstrap
0 vote427 views1 answer
Reactbootstrap multiselect
Javascript Bootstrap
0 vote501 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
0 vote433 views1 answer
Bootstrap not working in print
Javascript Bootstrap
15 votes449 views8 answers
React bootstrap
Javascript Bootstrap
1 vote432 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote438 views1 answer
Bootstrap modal overflow
CSS Bootstrap
0 vote469 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote414 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote403 views1 answer
Filter bootstrap
Javascript Bootstrap