/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 vote235 views1 answer
Bootstrap format json
Javascript Bootstrap
0 vote231 views1 answer
React bootstrap button
Javascript Bootstrap
41 votes230 views4 answers
Bootstrap npmjs
Javascript Bootstrap
255 votes797 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
145 votes362 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote238 views1 answer
Showing bootstrap modal after a delay
Javascript Bootstrap
0 vote171 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
5 votes243 views2 answers
Close bootstrap modal with javascript
Javascript Bootstrap
0 vote254 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote288 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap