/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 vote196 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap
0 vote187 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
0 vote201 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
127 votes297 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote192 views1 answer
How to add bootstrap to vue js
Javascript Bootstrap
0 vote262 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
0 vote202 views1 answer
React bootstrap table
Javascript Bootstrap
1 vote203 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap
18 votes203 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
0 vote211 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap