/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

2 votes399 views1 answer
Bootstrap dark mode
CSS Bootstrap
26 votes385 views10 answers
Bootstrap
CSS Bootstrap
1 vote374 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
0 vote421 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
1 vote404 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
3 votes371 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote324 views1 answer
Import button react-bootstrap
Javascript Bootstrap
33 votes410 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote402 views1 answer
React js bootstrap select option required
Javascript Bootstrap
0 vote422 views2 answers
Bootstrap 5 container
CSS Bootstrap