JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div>
Checkbox 1 <input type="checkbox" class="CheckboxClass" value="a" id="chkBox1" name="chkBox1" />A
<input type="checkbox" value="b"  class="CheckboxClass" id="chkBox1" name="chkBox1"  />B
<input type="checkbox" value="1"   class="CheckboxClass" id="chkBox1" name="chkBox1"  />1
</div>

<div>
Checkbox 2 <input type="checkbox"  class="CheckboxClass" value="2" id="chkBox2" name="chkBox2" />2
<input type="checkbox" value="f"  class="CheckboxClass" id="chkBox2" name="chkBox2"  />F
<input type="checkbox" value="g"  class="CheckboxClass"  id="chkBox2" name="chkBox2"  />G
</div>

<input type="button" id="Delete" Value="Delete Selected Checkbox" />


<div id="confirmBox">
    <div class="message"></div>
    <span class="button yes">Delete</span>
    <span class="button no">No</span>
</div>

CSS

#confirmBox
{
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
}
#confirmBox .button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#confirmBox .button:hover
{
    background-color: #ddd;
}
#confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
}

JavaScript

function doConfirm(msg, yesFn, noFn) {
    var confirmBox = $("#confirmBox");
    confirmBox.find(".message").text(msg);
    confirmBox.find(".yes,.no").unbind().click(function () {
        confirmBox.hide();
    });
    confirmBox.find(".yes").click(yesFn);
    confirmBox.find(".no").click(noFn);
    confirmBox.show();
}


$("#Delete").on('click',function(){
var Count=0;
var checkedVals = $('.CheckboxClass:checkbox:checked').map(function() {
Count++;
    return this.value;
}).get();
doConfirm("Are you sure, you are going to delete "+Count+" items (" + checkedVals.join(",") +")", function yes() {
            //Send to controller using Ajax
        }, function no() {
            // do nothing
        });


})