/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 vote417 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
1 vote402 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
0 vote398 views1 answer
How to apply CodeMirror in Bootstrap Modal
Javascript Bootstrap
0 vote339 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote515 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote416 views1 answer
React bootstrap profile card
Javascript Bootstrap
0 vote415 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote380 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
40 votes438 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
1 vote393 views1 answer
Bootstrap col no gaps
CSS Bootstrap