/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

33 votes398 views3 answers
React native bootstrap
Javascript Bootstrap
3 votes393 views2 answers
Col to right bootstrap
Javascript Bootstrap
0 vote377 views2 answers
Bootstrap modal remove gray background
Javascript Bootstrap
0 vote384 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap
1 vote374 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote388 views1 answer
Bootstrap remove unused css
CSS Bootstrap
111 votes425 views6 answers
Install bootstrap in react
Javascript Bootstrap
253 votes528 views10 answers
Bootstrap cdn
Javascript Bootstrap
0 vote334 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript Bootstrap
0 vote411 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap