JSFiddle - React, Tailwind, and code Playground

by Jed Mao

HTML

<fieldset>
    <legend>Why counting wrong in Chrome, IE, Safari</legend>

    <a href="#" class="selectall" data-find="case">select all</a>
    <input type="checkbox" class="case" name="case1" value="1">
    <input type="checkbox" class="case" name="case2" value="2">
    <input type="checkbox" class="case" name="case3" value="3">
    <input type="checkbox" class="case" name="case4" value="4">
    <input type="checkbox" class="case" name="case5" value="5">
    
    <span class="count">0</span>
</fieldset>

CSS

fieldset {
    
}

.selectall, .case, .count {
    display: inline-block;
    float: left;
    clear: left;
    margin: 5px;
}