/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

1 vote134 views1 answer
Bootstrap card hover effect
CSS Bootstrap
0 vote153 views1 answer
Bootstrap put button on one line
CSS Bootstrap
5 votes133 views4 answers
Hide bootstrap modal jquery
Javascript Bootstrap
33 votes141 views3 answers
React native bootstrap
Javascript Bootstrap
20 votes167 views2 answers
Bootstrap screen sizes
CSS Bootstrap
-1 vote126 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
18 votes142 views6 answers
Bootstrap5 cdn
Javascript Bootstrap
5 votes143 views2 answers
Remove bootstrap button outline
CSS Bootstrap
14 votes144 views4 answers
Text align left bootstrap
CSS Bootstrap
1 vote196 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap