JSFiddle - React, Tailwind, and code Playground

HTML

<input id="test" type="checkbox"/><label for="test">Test</label>
<button id="run">Run Tests</button>
<table id="results">
</table>

CSS

table, th, td
{
    border: 1px solid black;
    text-align: center;
}
table {
    width : 100%;
}

JavaScript

var selectors = ["*","*[checked]",":checked"];
$("#run").click(function(){
    var table = $("#results").html("<tr><th>Selector</th><th>Matches?</th></tr>");
    var input = $("#test");
    $(selectors).each(function(index,selector){
        table.append("<tr><th>"+selector+"</th><th>"+input.is(selector)+"</th></tr>");
    });
});