/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 vote208 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote345 views1 answer
My drop down link won't work with bootstrap angular
Javascript Bootstrap
40 votes369 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
0 vote317 views1 answer
Bootstrap off canvas not working
Javascript Bootstrap
0 vote261 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
0 vote261 views1 answer
Can we put check form inside a selection tag in bootstrap 4
Javascript Bootstrap
43 votes288 views6 answers
Add bootstrap to angular
Javascript Bootstrap
0 vote297 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
1 vote351 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
27 votes280 views5 answers
Angular bootstrap
Javascript Bootstrap