/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 vote189 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
0 vote185 views1 answer
Bootstrap table using javascript
Javascript Bootstrap
0 vote233 views1 answer
Bootstrap time picker 12 hour format
Javascript Bootstrap
8 votes197 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote179 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
0 vote189 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote182 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
1 vote180 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote183 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
145 votes267 views6 answers
Add bootstrap to react
CSS Bootstrap