JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<form>
    <p>
        <input type="checkbox" name="newsletter" value="Hourly">
        <input type="checkbox" name="newsletter" value="Daily">
        <input type="checkbox" name="newsletter" value="Weekly">
        <input type="checkbox" name="newsletter" value="Monthly">
        <input type="checkbox" name="newsletter" value="Yearly">
    </p>
</form>
<div></div>

JavaScript

$('input').attr('checked','checked')

var countChecked = function () {
    var n = $("input:checked").length;
    $("div").text(n + (n === 1 ? " is" : " are") + " checked!");
};
countChecked();
$("input[type=checkbox]").on("click", countChecked);