JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<div class="simple">
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
        <input type="checkbox" name="check" />Checkbox<br>
    </div>

CSS

div {
width:400px;height:300px;border:1px solid red;}

JavaScript

$(function() {
    var  x= $('div').find(':checkbox').length;
    alert("There are" +" "+ x + " " + "checkboxes in div with class simple");
})