JSFiddle - React, Tailwind, and code Playground

by webwarrior

HTML

<input id="chkbx_0" type="checkbox" class="checkbox" name="c_n_0" checked="checked" />Option 1
<br/><input id="chkbx_1" type="checkbox" class="checkbox" name="c_n_1" />Option 2
<br/><input id="chkbx_2" type="checkbox" class="checkbox" name="c_n_2" />Option 3
<br/><input id="chkbx_3" type="checkbox" class="checkbox" name="c_n_3" checked="checked" />Option 4
<br/><br/>
<input type="button" value="Click me" class="testall"/>

JavaScript

var allunchecked = true;

jQuery(".testall").click(function () {
    allunchecked = true;
    jQuery(".checkbox").each(function (index) {
        if (jQuery(this).prop("checked")){
            allunchecked = false;
        }
    });
    alert("All unchecked: " + allunchecked );
});