/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 vote172 views1 answer
Datatables bootstrap
Javascript Bootstrap
4 votes218 views2 answers
Bootstrap icons sdn
CSS Bootstrap
3 votes180 views2 answers
Col to right bootstrap
Javascript Bootstrap
238 votes301 views5 answers
Include bootstrap
CSS Bootstrap
0 vote187 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap
0 vote175 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
116 votes268 views6 answers
Bootstrap react
Javascript Bootstrap
0 vote203 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
120 votes265 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote186 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap