/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 vote147 views1 answer
Bootstrap jquery popper and js cdn
Javascript Bootstrap
22 votes298 views2 answers
React bootstrap carousal not working
CSS Bootstrap
6 votes81 views2 answers
Bootstrap alert auto close
Javascript Bootstrap
0 vote158 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
4 votes141 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
2 votes151 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote155 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
0 vote141 views1 answer
React bootstrap profile card
Javascript Bootstrap
0 vote132 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
25 votes160 views6 answers
How to install bootstrap in angular
Javascript Bootstrap