JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<table border="1"><tbody><tr>    <td>        EMPRESA    </td><td> NOMBRE </td><td>  <span style="cursor:pointer" class="live_elimcon   ui-icon ui-icon-trash">  </span></td></tr><tr><td style="width:175px"> 76160442-2</td><td> ABOGADOS DEL MAULE </td><td> <input type="checkbox" value="0" data-id="76160442-2" id="chkempresa1" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 76157090-0</td><td> AGRICOLA EL ALMENDRO LTDA. </td><td> <input type="checkbox" value="0" data-id="76157090-0" id="chkempresa2" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 76389930-6</td><td> AGRICOLA EL ESFUERZO LTDA. </td><td> <input type="checkbox" value="0" data-id="76389930-6" id="chkempresa3" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 77741460-7</td><td> AGRICOLA EL PERAL LTDA. </td><td> <input type="checkbox" value="0" data-id="77741460-7" id="chkempresa4" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 76434389-1</td><td> AGRICOLA LAS ROCAS LTDA. </td><td> <input type="checkbox" value="0" data-id="76434389-1" id="chkempresa5" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 78833810-4</td><td> AGRICOLA LONCOMILLA LTDA. </td><td> <input type="checkbox" value="0" data-id="78833810-4" id="chkempresa6" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 76186230-8</td><td> AGRICOLA LOS ROBLES LTDA. </td><td> <input type="checkbox" value="0" data-id="76186230-8" id="chkempresa7" class="cambiavigencia" data-tabla="contribuyente" name="vigente" data-rantes="0"></td></tr><tr><td style="width:175px"> 76763464-1</td><td> AGRICOLA PERQUILAUQUEN SPA </td><td> <input...

JavaScript

$(document).ready(function (){
  $('.cambiavigencia').mouseover(function (){
    var estado = $(this).prop('checked');
    console.log("Estado"+estado)
    if(estado == true){
    	console.log("B")
    	$(this).prop('checked', false);
    }else{
    	console.log("C")
    	$(this).prop('checked', true);
    }
  })
})