/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 vote349 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote355 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
0 vote291 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript Bootstrap
1 vote335 views1 answer
Bootstrap modal title center
Javascript Bootstrap
0 vote359 views1 answer
Notification bell icon bootstrap react
Javascript Bootstrap
12 votes299 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
1 vote336 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript Bootstrap
0 vote369 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
0 vote282 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote348 views1 answer
Bootstrap accordion some change
CSS Bootstrap