JSFiddle - React, Tailwind, and code Playground
HTML
<table border="0">
<tr><td>Time</td><td class="weekr1">Monday</td><td class="weekr1">tuesday</td><td class="weekr1">Wednesday</td><td class="weekr1">Thursday</td><td class="weekr1">Friday</td><td class="weekr1">Saturday</td><td class="weekr1">Sunday</td></tr>
<tr><td class="timer1">9-11</td> <td><input type="checkbox" name="checkbox" class="r1"/>select </td><td><input type="checkbox" name="checkbox" class="r1"/>select </td><td><input type="checkbox" name="checkbox" class="r1"/>select </td><td><input type="checkbox" name="checkbox" class="r1"/>select </td><td><input type="checkbox" name="checkbox" class="r1"/>select </td><td><input type="checkbox" name="checkbox" class="r1"/>select </td><td><input name="checkbox" type="checkbox" class="r1" />select</td></tr>
<tr><th class="timer2">11-1</th> <td><input type="checkbox" class="r2"/>select </td><td><input type="checkbox" class="r2" />select</td><td><input type="checkbox" class="r2"/>select </td><td><input type="checkbox" class="r2"/>select </td><td><input type="checkbox" class="r2"/>select </td><td><input type="checkbox" class="r2"/>select </td><td><input type="checkbox" class="r2"/>select </td></tr>
<tr><th class="timer3">1-2</th> <td><input type="checkbox" class="r3"/>select </td><td><input type="checkbox" class="r3"/>select </td><td><input type="checkbox" class="r3"/>select </td><td><input type="checkbox" class="r3"/>select </td><td><input type="checkbox" class="r3"/>select </td><td><input type="checkbox" class="r3"/>select </td><td><input type="checkbox" class="r3" />select</td></tr>
<tr><th class="timer4">2-3</th> <td><input type="checkbox" class="r4"/>select </td><td><input type="checkbox" class="r4"/>select </td><td><input type="checkbox" class="r4"/>select </td><td><input type="checkbox" class="r4"/>select </td><td><input type="checkbox" class="r4"/>select </td><td><input type="checkbox" class="r4"/>select </td><td><input type="checkbox" class="r4" />select</td></tr>
...
JavaScript
$(function(){
$('input:not(#submit)').click(function()
{
t= $(this).attr('class');
text= $('.time'+t).text();
//alert(text);
});
// For getting the Day
$('td').click(function()
{
index = this.cellIndex;
days = $('tr:first').find('td').eq(index).text();
// alert(days);
});
// for saving data into the database
$('#submit').click(function() {
alert(text);
alert(days);
/* $.ajax({
type: "POST",
cache: false,
url: 'save.php',
data: {'time='+time, 'day='+day},
success: function(data) {
alert('data has been stored to database');
}
}); */
});
});