JSFiddle - React, Tailwind, and code Playground

HTML

<table id="dataTable">
<tr trtype="data"><td>cell 1</td></tr>
<tr trtype="datum"><td>cell 2</td></tr>
<tr trtype="data"><td>cell 3</td></tr>
<tr trtype="datum"><td>cell 4</td></tr>
<tr><td>cell 5</td></tr>
<tr trtype="wrongtype"><td>cell 6</td></tr>
<tr trtype="data"><td><input type="checkbox" checked="checked"/></td></tr>
<tr trtype="datam"><td><input type="checkbox" checked="checked"/></td></tr>
<tr trtype="data"><td userType="User"><input type="checkbox" checked="checked"/></td></tr>
    <tr trtype="data"><td userType="User"><input type="checkbox" checked="checked"/></td></tr>
    <tr trtype="data"><td userType="User"><input type="checkbox" checked="checked"/></td></tr>
    <tr trtype="data"><td userType="User"><input type="text"/></td></tr>
    <tr trtype="data"><td userType="User"><input type="checkbox"/></td></tr>
<tr type="data"><td><input type="checkbox"/></td></tr>
</table>
<br/>
Exected Count is 3, counted <span id="count"></span>

JavaScript

$('#count').text($("#dataTable tr[trtype=data]:has('input:checked') td[userType=User]").length);