سلام
از کد زیر استفاده کنید
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jquery</title>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(function(){
var value = "; " + document.cookie;
var parts = value.split("; selected=");
if( parts != "; " )
var selected = JSON.parse( unescape( parts.pop().split(";").shift() ) );
else
var selected = [];
selected.forEach(function( item, index, array ) {
$(".tbl_c tr[data-id=" + item + "]").toggleClass("highlight");
});
$(".tbl_c tr").click(function() {
$(this).toggleClass("highlight");
var id = $(this).data('id');
var pos = selected.indexOf( id );
if( pos == -1 ) {
selected.push( id );
} else {
selected.splice( pos, 1 );
}
cookievalue = escape( JSON.stringify( selected ) ) + ";";
document.cookie = "selected=" + cookievalue;
});
});
</script>
<style>
.highlight {
background-color: red;
}
tr {
padding: 10px;
background-color: #ffa;
}
</style>
</head>
<body>
<table class="tbl_c">
<tr data-id="1">
<td>Mahdi</td>
</tr>
<tr data-id="2">
<td>Mahdi</td>
</tr>
<tr data-id="3">
<td>Mahdi</td>
</tr>
<tr data-id="4">
<td>Mahdi</td>
</tr>
<tr data-id="5">
<td>Mahdi</td>
</tr>
</table>
</body>
</html>
اگر جایی نیاز به توضیح دارد بفرمایید
