JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<table id="myTable">
<tr id="pe28uf">
  <td><input class="cb" type="checkbox"></td>
  <td><input class="cb" type="checkbox"></td>
  </tr>
  <tr id="po215ej">
  <td><input class="cb" type="checkbox"></td>
  <td><input class="cb" type="checkbox"></td>
  </tr>
</table>
<button id="btnSave">
click me
</button>

JavaScript

$(document).ready(function(){

	if($('.cb').length && $('.cb input:checked').length === 0){
        $("#btnSave").attr("disabled", "disabled")
      }

	

	$(".cb").click(function(){
  
  	var tr = $(this).closest("tr");
    var id = tr[0].id
    console.log(id);
    setTimeout(function(){
    var len = $("#" + id + " .cb input:checked").length
    console.log(len)
    }, 100)
    
  	if($("#" + id +".cb").is(":checked")){
    	$("#btnSave").removeAttr("disabled")
    }else{
    	if($("#" + id + " .cb input:checked").length === 0){
      	$("#btnSave").attr("disabled", "disabled")
      }
    }
  }).trigger("change")
  
  var tbl = $("#myTable")
  
  $.each(tbl[0].rows, function(idx, row){
  	console.log(row)
   	
    
  })
  
  
})