我正在项目网站上创建一个状态系统，我正在建设这个项目，以便在我开始学习的过程中学习并更好地进行Web开发。我非常擅长PHP的一面，但现在我正在尝试在javascript方面开始学习一些东西，而且我很擅长它。说实话。
我正在使用php循环来获取已提交到数据库的所有状态，并且在该循环中我还获得了已提交给每个状态的所有回复。
我有一个类似系统的状态，并回复什么工作正常，除了当你点击按钮喜欢或不喜欢它，它不会消失（因为没有javascript编码）和因为这个如果你快速点击类似的提交按钮（或者当php运行并且已经完成它的工作时不喜欢）你最终可能会搞乱这个数量，它可以减去或者有额外的喜欢，因为你比服务器更快地命中它可以处理和重新加载页面。我已经设置了当你喜欢状态时，你会被放入数据库中，因为喜欢这个状态，所以如果你喜欢状态，那么你会选择状态并选择不喜欢提交按钮而不是喜欢。
我想停止这个故障，因为拥有用户可以垃圾邮件的东西并不是一件好事，因为他们可以搞砸计数，他们还可以让服务器随着时间的推移而运行，因为他们正在发送负载一次进程，如果有100个或更多用户同时执行此操作，服务器将难以同时处理所有进程。
我可以通过使用每个状态/回复的id为每个喜欢/不同的提交按钮提供唯一ID，但是需要为php循环创建的每个状态/回复生成一个js脚本。
这个javascript适用于单个按钮但不在循环中工作，它只切换第一个按钮，因为所有按钮具有相同的id，如果我回显php变量作为内部按钮的id javascipt然后javascript只适用于页面上的最后一个喜欢/不同的按钮，因为页面上只写了一个javascript脚本。
function action() {
document.getElementById('toggler').style.visibility = 'hidden';
}
和提交按钮一起使用。
<input type="submit" name="status_like" value="Like" id="toggler" onClick="action();"/>
我试图这样做，无论有多少像按钮在页面上回显，javascript只切换已按下的实际提交按钮，这将阻止用户实际发送垃圾邮件，因为当页面重新加载按钮时将按照按下提交按钮之前的方式返回。
将来我会调查ajax为我做表单提交部分，但在此之前我需要用javascript本身进行更多练习。
我已经包含了这个jsfiddle链接，因为它有我当前的代码，但由于某种原因，它实际上并没有在jsfiddle中工作，但它确实在我的实际网站页面上工作。我相信我只在该页面上包含jquery 2.1.0，即使我在jsfiddle中包含它仍然不起作用所以我为此道歉但是再次因为我开始学习javascript
我明白使用jquery不会帮助我学习javascript的基础知识但是我不介意在这个时刻使用jquery，因为我知道编写这样的代码可能不像使用jquery那样简单。回复这个，这就是为什么我不介意使用jquery来做这个，但是如果使用jquery那么我希望它能用于jquery 2.1.0
如果有人可以帮助我，我会非常感激
感谢您的时间