/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 votes251 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote230 views1 answer
React-bootstrap problem-install new version
Javascript Bootstrap
1 vote237 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
2 votes264 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
0 vote256 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
43 votes268 views6 answers
Add bootstrap to angular
Javascript Bootstrap
11 votes269 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
0 vote237 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
2 votes226 views1 answer
Bootstrap show modal on page load
Javascript Bootstrap
0 vote245 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap