JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="s1_t1_view" value="s1_t1_view" >view<br>
<input type="checkbox" name="s1_t1_add" value="s1_t1_add" checked>add<br>
<input type="checkbox" name="s1_t1_edit" value="s1_t1_edit" >edit<br>
<input type="checkbox" name="s1_t1_delete" value="s1_t1_delete" checked>delete<br>

JavaScript

$('input:checkbox:checked').each(function(_, value) {
    console.log('checked: '+$(value).val());
});
$('input:checkbox:not(:checked)').each(function(_, value) {
    console.log('not checked: '+$(value).val());
});