JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<html>
 <head>
  <title>Тег DIV</title>
     
  <script language="JavaScript"> 
function delcheck()
{ 
      var inputs = document.getElementsByTagName('input');
      var summ=0;
      array = [];
      for(var i = 0; i < inputs.length; i++) {
          if(inputs[i].type === 'checkbox' && inputs[i].checked) {
          summ++;
          array.push(inputs[i].id)
         
      }
   }
   if( array.length!=0)
      {alert(array)}
         else          
             {alert('Сообщения не отмечены!');}
}

</script>
      
    </head>
 <body>
<table border=1>
<tr>
<td>
 
 <input type="checkbox" name="option1" value="a1" id="id1"> Удалить1<br>
 <input type="checkbox" name="option2" value="a2" id="id2"> Удалить2<br>
 <input type="checkbox" name="option3" value="a3" id="id3"> Удалить3<br> 
 <input type="checkbox" name="option4" value="a4" id="id4"> Удалить4<br> 
 <input type="checkbox" name="option5" value="a5" id="id5"> Удалить5
    
</td><td width="100" align="right">
    <div id="bl1">Блок1</div>
    <div id="bl2">Блок2</div>
    <div id="bl3">Блок3</div>
    <div id="bl4">Блок4</div>
    <div id="bl5">Блок5</div>
   
    </td>
</tr>
</table>
     <input type="button" onclick="delcheck()" value="DELETE">
    </body>
</html>