/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 vote460 views1 answer
Bootstrap 4 input error
CSS Bootstrap
145 votes558 views6 answers
Add bootstrap to react
Javascript Bootstrap
0 vote428 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
145 votes470 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote346 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote397 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
125 votes417 views6 answers
Install React Bootstrap
Javascript Bootstrap
0 vote502 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript Bootstrap
0 vote399 views1 answer
Bootstrap jquery popper and js cdn
Javascript Bootstrap
0 vote390 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap