STYLE

<style>
.checked {border:solid 2px red;background:#ffff00;}
</style>

HTML

<div id=d2>
<table class='table'> <tr class='info'><td>id</td><td>name</td><td>class</td><td>mark</td></tr>
<tr class='select_record' id=1><td >1</td><td >John Deo</td><td >Four</td><td >75</td></tr>
<tr class='select_record' id=2><td >2</td><td >Max Ruin</td><td >Three</td><td >85</td></tr>
<tr class='select_record' id=3><td >3</td><td >Arnold</td><td >Three</td><td >55</td></tr>
<tr class='select_record' id=4><td >4</td><td >Krish Star</td><td >Four</td><td >60</td></tr>
<tr class='select_record' id=5><td >5</td><td >John Mike</td><td >Four</td><td >60</td></tr>
<tr class='select_record' id=6><td >6</td><td >Alex John</td><td >Four</td><td >55</td></tr>
<tr class='select_record' id=7><td >7</td><td >My John Rob</td><td >Fifth</td><td >78</td></tr>
<tr class='select_record' id=8><td >8</td><td >Asruid</td><td >Five</td><td >85</td></tr>
<tr class='select_record' id=9><td >9</td><td >Tes Qry</td><td >Six</td><td >78</td></tr>
<tr class='select_record' id=10><td >10</td><td >Big John</td><td >Four</td><td >55</td></tr>
</table>
</div>
<br><br>
<br>
<div id=display>*</div>

JQuery

<script>
$(document).ready(function() {
////////////////////////
var record_selected = new Array();// declar global array
//////////////
 $('#d2').on('click', ".select_record", function () {
	 
        var aa = $(this)
        if( !aa.is('.checked')){
            aa.addClass('checked');
		        
var my_id=this.id;
record_selected.push(my_id);

        } else {
            aa.removeClass('checked');
            var my_id=this.id;
			var index = record_selected.indexOf(my_id);
			if (index > -1) {
			record_selected.splice(index, 1);
			}
        }
	$('#display').html("ID of selected images :"+record_selected);
    })

////////////////////////
})</script>