JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="post" id="subscribeForm">               
       <table>
         <tr>                                              
            <th>ROLE</th>
            <th>DESCRIPTION</th>    
            <th>PERMISSIONS<br><input type="checkbox" class="chk_boxes"></th>  
         </tr>

         <tr>
            <td><input type="text" name="role_name" required></td>
            <td><input type="text" value="" name="role_desc" required></td>
            <td><input type="checkbox" class="chk_boxes1" name="perm[]" value="0">My Account<br>
                <input type="checkbox" class="chk_boxes1" name="perm[]" value="1">Edit Account<br>
                <input type="checkbox" class="chk_boxes1" name="perm[]" value="2">Change password<br>
                <input type="checkbox" class="chk_boxes1" name="perm[]" value="3">List of users<br>
                <input type="checkbox" class="chk_boxes1" name="perm[]" value="4">Define roles<br>
                <input type="checkbox" class="chk_boxes1" name="perm[]" value="5">Assign roles<br>
         </td></tr></table>
         <div><input id="new_role" type="submit" name="new_role" value="create newrole"></div>
      </form>

JavaScript

$("#new_role").on("click",function(){
    if($( "input:checked" ).length == 0)
        alert("You should check something");
    else
        $("#subscribeForm").submit();
});