/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 vote245 views1 answer
React bootstrap button
Javascript Bootstrap
0 vote254 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
3 votes257 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
16 votes274 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
0 vote259 views1 answer
Jquery bootstrap checkbox val
Javascript Bootstrap
20 votes299 views2 answers
Bootstrap screen sizes
CSS Bootstrap
5 votes267 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
33 votes264 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote264 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
0 vote247 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap