/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 vote159 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
0 vote157 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
0 vote153 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
1 vote157 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
34 votes134 views6 answers
Border bootstrap
Javascript Bootstrap
0 vote143 views1 answer
React bootstrap col not working
Javascript Bootstrap
145 votes239 views6 answers
Import bootstrap in react
CSS Bootstrap
-1 vote187 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
3 votes146 views1 answer
Bootstrap 3 offset
CSS Bootstrap
3 votes149 views1 answer
React bootstrap card
Javascript Bootstrap