JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<form id="form1">
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='1'/>
    <br />
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='2'/>
    <br />
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='3' />
    <br />
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='4'/>
    <br /><br />
 
<input type="button" value="deletar registro" id="btn_Deletar" class="btn btn-danger" disabled="true"  />
</form>

JavaScript

$("input[name=chk_IDDel]").change(function() {
    var checkeds = $("input[name=chk_IDDel]:checked").length;
    
    $("#btn_Deletar").val(checkeds > 1 ? "Deletar registros" : "Deletar registro");
    $("#btn_Deletar").attr("disabled", !checkeds);
});

$("#btn_Deletar").click(function() {
    var confirma = prompt("digite a palavra confirmar para deletar", "");
    if (confirma=="confirma") {
        $("#form1").submit();        
    }
});