JSFiddle - React, Tailwind, and code Playground

by nadeemmnn2007

HTML

<div>
   
<table>
	<tr  class="msgdetails even" role="row">
   <td width="20%">
      <div class="checkbox_div">
           <input  class="sel_checkbox" type="checkbox">
      </div>
  </td>
  <td>some other data</td>
  <td>some  data      </td>
 </tr>
 </table>
 
</div>

JavaScript

$(document).ready(function() {
    $("tr.msgdetails").click(function(e){
	if(e.target.type==="checkbox"){
	var selCheckBox=$(e.target);
	if(selCheckBox.hasClass('sel_checkbox')){
		
		  if($(selCheckBox).prop("checked")){
			 alert('checked checbox'); 
			}
			else{
			alert('checkbox Unchecked');
			}
		}
	}else{
		/*if you dont want checkbox column row outside clicking to be disabled then*/
		var selCheckBox=$(e.target);
			var chk=$(selCheckBox).children().hasClass("sel_checkbox");
			if(chk){
				return false;
			}
      else{
				alert('tr clicked');
			}
	}
	
	
   });
});