Javascript 创建包含div的调查/投票，提交后显示百分比

除了HTML和CSS，我还在学习其他的计算机语言。我希望在我的网页上包括一个互动投票。我的网页上有四个div。每个div包含与特定类型产品相关的图像、标题和内容。这个想法是让消费者点击“他们最喜欢的”产品，然后做一些事情。首先，它将为其他三个div添加一个覆盖，以防止它们单击其他div；从这里的另一个问题中，我发现这可能会对未选中的三个div使用javascript属性“disable”。其次，我希望有可能以某种方式跟踪这些选择，并在四个分区的顶部显示每个产品的选择百分比

我在这个网站和谷歌上搜索了多个不同的短语，找到了一些免费的民意调查网站，但我真的在寻找上面的功能，如果它们是可能的，并且很容易实现的话。我遇到了我所设想的那种文本覆盖。如果你点击Block with Message，这正是我想要的，但不是处理。。。将显示该div的点击率与总点击率的比较

这四个div都具有类似的HTML和CSS标记：

<div class="col-lg-3" align="center"><img src="images/golden.png" /><br /><h5>Golden with Delicate Taste</h5><h6>Usually made at the beginning of the new maple season. Pour over vanilla ice cream for a maple sundae.</h6></div>

如你所见，它与枫糖浆有关。如前所述，有四种口味的枫糖浆，我们想让用户选择他们最喜欢的。我确实有一个Wufoo帐户，但它不允许我们定制足够的表单/投票，以获得非常交互式的投票。如果我能有人把这个民意测验和自定义语言结合起来，那就太棒了

由于我还没有通过谷歌搜索找到任何具体的答案，我想这至少在我的知识范围内是不可能的。我想我会在这里发布一个问题，让你开动脑筋。我不希望任何人做这项工作，但如果这是可能的和/或使用什么语言或工具的任何建议，那将是伟大的！如果你能提供提示，那也会有帮助

---

非常感谢

我猜这是一个巨大的项目。您将需要一个服务器来存储数据，一种读取用户IP的方法，存储它以便他们不能进行100次投票，以及各种其他问题。你看过SurveyMonkey吗？这就是我的想法，但考虑到javascript、ajax等其他语言，我正在寻找专家确认和/或建议。是的，SurveyMonkey和Wufoo。我和我的团队不希望将用户推到一个单独的页面，如果结果加载到一个iframe中，它会切断一些报告页面——因为它试图在一个较小的iframe中加载整个页面。我已经向Wufoo确认，它不能只加载小部件。将显示整个页面。

width: 25%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left;