JSFiddle - React, Tailwind, and code Playground

by Michele Pisani

HTML

<input type="checkbox" value="1" name="primo_settore" />
<input type="checkbox" value="2" name="primo_settore" />
<input type="checkbox" value="3" name="primo_settore" />
<br />
<input type="checkbox" value="4" name="secondo_settore" />
<input type="checkbox" value="5" name="secondo_settore" />
<input type="checkbox" value="6" name="secondo_settore" />
<br />
<input type="button" id="btn_1" value="controlla solo le checkbox del primo settore" />
<br />
<input type="button" id="btn_2" value="controlla tutte le checkbox della pagina" />

JavaScript

$("#btn_1").on('click', function () {
    var checkbox_value = "";
    $("input[name=primo_settore]").each(function () {
        var ischecked = $(this).is(":checked");
        if (ischecked) {
            checkbox_value += $(this).val() + ",";
        }
    });
    alert(checkbox_value);
});

$("#btn_2").on('click', function () {
    var checkbox_value = "";
    $(":checkbox").each(function () {
        var ischecked = $(this).is(":checked");
        if (ischecked) {
            checkbox_value += $(this).val() + ",";
        }
    });
    alert(checkbox_value);
});