如何将计数器设置为是或否无线电，提交时递增？

Posted 2023-03-27

【中文标题】如何将计数器设置为是或否无线电，提交时递增？

【英文标题】：How do I set a counter to a yes or no radio form, which incriments when submitted?

【发布时间】：2012-11-28 09:34:25

【问题描述】：

我是 javascript 新手，很难掌握这个概念。我想添加一个是或否表单，提交时提交并累加。

这里是html表单：

 <form id="selection" name="selection" method="post">
    <input type="radio" name="choice" value="yes">Yes<br>
    <input type="radio" name="choice" value="no">No<br />
     <input type="reset" name="submit" value="Submit" />
  </form>
    <div id="results">
    Voters who said yes are: <label id="yes">0</label><br />
    Voters who said no are: <label id="no">0</label><br />
    </div>

【问题讨论】：

您需要使用服务器端技术来存储当前计数。

localStorage 怎么样？这仅适用于 HTML5 或 Cookie。

如果您希望计算每个用户的投票数（假设所有用户没有使用相同的浏览器），您必须将每票提交到服务器并让服务器跟踪总数.

【参考方案1】：

如果您想跟踪在许多不同计算机上提交的赞成/反对票总数，那么您需要将这些总数保留在您要向其发布投票的服务器上。

发布投票后，您可以增加服务器上的投票计数（可能存储在服务器上的数据库中）。

如果您希望到目前为止的总票数显示在您的网页中，那么您必须在生成网页时将该数据放在服务器上的网页中，或者您必须使用 ajax 获取计数调用您的服务器，然后在 ajax 调用返回数据时将总数插入网页。