/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 vote290 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
4 votes239 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote219 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
6 votes249 views3 answers
.row bootstrap
CSS Bootstrap
-2 votes292 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
22 votes276 views2 answers
React-bootstrap example
Javascript Bootstrap
0 vote347 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Bootstrap
0 vote279 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
13 votes266 views6 answers
Bootstrap Badges
CSS Bootstrap
0 vote317 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript Bootstrap