/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 vote448 views1 answer
React bootstrap col not working
Javascript Bootstrap
3 votes420 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
0 vote437 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
55 votes474 views5 answers
Bootstrap 3 button
CSS Bootstrap
1 vote429 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
3 votes409 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote429 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap
0 vote444 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
0 vote425 views1 answer
Bootstrap programmatically change tab
Javascript Bootstrap
1 vote517 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap