/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 vote160 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap
1 vote161 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
0 vote165 views1 answer
Showing bootstrap modal after a delay
Javascript Bootstrap
9 votes193 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote163 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
11 votes171 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
0 vote160 views1 answer
How make calender in bootstrap
Javascript Bootstrap
145 votes242 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote155 views1 answer
Angular bootstrap path
Javascript Bootstrap
6 votes170 views5 answers
Bootstrap icons
CSS Bootstrap