JSFiddle - React, Tailwind, and code Playground

by dorathoto

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' onchange="verificaChecks()" />
        <br>
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='2' onchange="verificaChecks()" />
        <br>
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='3' onchange="verificaChecks()" />
        <br>
    <input type="checkbox" name="chk_IDDel" id="chk_IDDel" value='4' onchange="verificaChecks()" />
        <br><br>
 
<input type="button" value="deletar registro" id="btn_Deletar" class="btn btn-danger" onclick="verifica()" disabled="true"  />
</form>

JavaScript

function verificaChecks() {
        var checados=0;
	    var aChk = document.getElementsByName("chk_IDDel"); 
	    for (var i=0;i<aChk.length;i++){ 
	        if (aChk[i].checked == true){ 
                checados++;
	             document.getElementById('btn_Deletar').removeAttribute("disabled");
               
                if(checados >1)
                {
	                document.getElementById("btn_Deletar").value='Deletar registroS';
                }
	        }  else {
                document.getElementById('btn_Deletar').setAttribute("disabled","disabled");

                 if(checados >1)
                {
	                document.getElementById("btn_Deletar").value='Deletar registroS';
                }
                else
                {
                    document.getElementById("btn_Deletar").value='Deletar registro';
                }

	        }
	    }
	} 

function verifica(){
        var confirma = prompt("digite a palavra confirmar para deletar", "");
    if(confirma=="confirma")
    {
        document.getElementById("form1").submit();
        
    }
    else
    {}
}