/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

-2 votes184 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
2 votes205 views2 answers
Bootstrap change color table striped
CSS Bootstrap
125 votes272 views6 answers
Install React Bootstrap
Javascript Bootstrap
0 vote183 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
0 vote180 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote184 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
35 votes210 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
32 votes208 views6 answers
Alert bootstrap
CSS Bootstrap
253 votes325 views10 answers
Bootstrap cdn
CSS Bootstrap
0 vote177 views1 answer
Bootstrap-scss github
CSS Bootstrap