javascript - 计算在多个下拉框中选择某个对象的次数

Question

我有 7 个带有"is"和“否”答案的下拉框。他们都在同一页面上。在页面的一侧，当用户为每个答案选择"is"或“否”时，我希望有一个计数，显示他们选择“否”的次数以及选择"is"的次数，以便在他们填写时进行更新形式。所以"is"= 1，“否”= 4，等等。当他们选择另一个"is"时，就会添加一个。如果他们将答案更改为“否”，则会删除"is"并在计数中添加“否”。

我假设这将是 javascript？我正在运行一个 asp 网站，因此 php 在这种情况下无法工作。

这在他们提交表单之前用作引用，因此在提交后进行查询在这里是没有用的。

Answer 1

是的，解决方案在 JavaScript 和 jQuery 中很简单，您假设默认情况下所有答案都是"is"并启动 yesCounts = 7 的计数器。如果有人点击“否”，您就会减少 yesCount--和增量noCount++

var yesCount = 7;
var noCount = 0;

$(".no-element").on('click', function () {
    noCount++;
    yesCount--;
});

$(".yes-element").on('click', function () {
    yesCount++;
    noCount--;
});   

所以你应该添加类 <options class='yes-element'>Yes</options>和<options class='no-element'>No</options>并将选项中的所有默认值设置为 yes