How to make icheck-material work with table rows?

[carlo-fontanos]

Hi,

I am trying to make a table row click to check the box. Bellow is what I have tried so far:

$('table').on('click', tr', function(e){
	if(e.target.type !== 'checkbox'){
		$(':checkbox', this).trigger('click');
	}
});

Above works, but when I click the checkbox it triggers twice. Any idea how to fix this?

[bantikyan]

Hi @carlo-fontanos .
The problem you describe is not related with icheck-material, you will get same issue when dealing with regular checkboxes.

But maybe one solution will be if you change your code this way:

$('table').on('click', 'tr', function(e) {
	if (e.target.parentElement.className.startsWith('icheck-material')) {
		e.stopPropagation();
	}
	else {
		$(':checkbox', this).trigger('click');
	}
});