javascript - 如何创建一周内可点击的小时网格，并将点击保存到 MySQL？

Question

只是想知道是否有一个系统基本上可以实现以下功能:

显示一周中的小时网格，用户可以单击进行选择，然后重新单击进行取消选择，提交表单后，会将这些时间 block 发送到 MySQL 进行存储。

因为我之前没有这样做过，所以我不确定最好的行动方案，最初的想法是加载 Pixel.gif 并使用 onclick 来统计点击次数，但在我将轮子重新发明为正方形之前，我认为最好先问一下先提问，免得以后麻烦。

Answer 1

您可以创建一个表，其中已检查的 td 有一个类，未检查的 td 有另一类，并且所有这些都有一个唯一的 ID。然后为这两个类中的每一个设置 onclick 操作，以将 td 的 id 作为参数发送给 JavaScript 函数，该函数使用 ajax 更新数据库并将 td 的类更改为选中或未选中。

html 看起来像:

<td id='19_09_2011_12am' class='unselected_td'/></td>
<td id='19_09_2011_12am' class='selected_td'/></td>

CSS 看起来像:

.unselected_td{background-color:blue;}
.selected_td{background-color:yellow;}

还有 JavaScript:

$('.unselected_td').click(function(){
   var cell = this.id;
  $.ajax({
   type:'post',
   url:'path/file.php',
   data:"cell="+cell+"&checked=1",
   success:function(){
      $(this).removeClass('unselected_td').addClass('selected_td');
   }
 });
});

对于所选的，反之亦然，而是向服务器发送 0。我不是 100% 确定我在 jquery 中使用的语法，但这个想法应该可行