JSFiddle - React, Tailwind, and code Playground

by subev

HTML

<style type="text/css">
body,html,input {padding:0;margin:0;}
</style>
<div style="height:100px;width:25px;float:left;">
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
</div>

CSS

input[type=checkbox] { margin: 5; padding: 0; border:3px;}
body{ border: 1px solid black; float: left; }

JavaScript

var body = $('body');

for(var i=0;i<1000;i++)
{
    body .append($('<input type="checkbox"/>'))
}
$('body').on('hover','input',function(e){
    $(this).attr('checked',"")
})