/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 vote312 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
0 vote325 views1 answer
Bootstrap ol
CSS Bootstrap
18 votes330 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
14 votes348 views4 answers
Text align left bootstrap
CSS Bootstrap
1 vote392 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote341 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
0 vote352 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote325 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
27 votes331 views5 answers
Angular bootstrap
Javascript Bootstrap
0 vote361 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap