JSFiddle - React, Tailwind, and code Playground

by Fernando Leal

HTML

<form>
        <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="submit" value="deletar registro" id="btn_Deletar" class="btn btn-danger"  disabled="true" />
    </form>

JavaScript

$(function(){
    $("[name='chk_IDDel']").change(function(){
        var countSelected = $("input[name=chk_IDDel]:checked").length;
        var $btnDeletar = $('#btn_Deletar');
        $btnDeletar.prop("disabled", countSelected == 0);
        $btnDeletar.val('Deletar registro' + (countSelected > 1 ? 's' : ''));
    });
});