/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

6 votes324 views2 answers
Bootstrap alert auto close
Javascript Bootstrap
0 vote370 views1 answer
Javascript test login password in bootstrap studio
Javascript Bootstrap
0 vote362 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
4 votes353 views5 answers
Bootstrap img src
CSS Bootstrap
6 votes335 views3 answers
.row bootstrap
CSS Bootstrap
133 votes430 views6 answers
Using bootstrap with react
Javascript Bootstrap
5 votes357 views2 answers
Remove bootstrap button outline
CSS Bootstrap
-1 vote372 views2 answers
Bootstrap set active tab javascript
Javascript Bootstrap
0 vote386 views2 answers
Bootstrap tooltip keep open on hover
Javascript Bootstrap
0 vote318 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript Bootstrap