/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 vote382 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
0 vote344 views1 answer
Bootstrap time picker 12 hour format
Javascript Bootstrap
0 vote346 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
0 vote358 views1 answer
Bootstrap remove unused css
CSS Bootstrap
6 votes440 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
2 votes366 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
0 vote369 views1 answer
Wp_enqueue_script bootstrap 5
Javascript Bootstrap
0 vote368 views1 answer
Input area bootstrap highlight
CSS Bootstrap
0 vote339 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote375 views1 answer
Ratio bootstrap
CSS Bootstrap