Javascript计算从多个选择中选择了多少答案

【问题标题】：Javascript count how many selected from multiple selectsJavascript计算从多个选择中选择了多少
【发布时间】：2018-01-08 09:16:21
【问题描述】：

这是 HTML：

<select class="form-control selectVitrat" name="PVSuperior" id="PVSuperior">
      <option value="NO">NU</option>
      <option value="YES">DA</option>
    </select>
<select class="form-control selectVitrat" name="PVIntermediar9" id="PVIntermediar9">
      <option value="NO">NU</option>
      <option value="YES">DA</option>
    </select>
<select class="form-control selectVitrat" name="PVIntermediar8" id="PVIntermediar8">
      <option value="NO">NU</option>
      <option value="YES">DA</option>
    </select>

如何计算我从这些多项选择中选择了多少“是”？

【问题讨论】：

我在这里看不到 JavaScript。你试过什么？
var count = $(".selectVitrat :selected").length;
它返回我所有的选择编号

标签： javascript html select options

【解决方案1】：

在 JavaScript 中，您可以使用getElementsByTagName 来获取所有select。并且使用for 循环，您可以检查有多少select 具有YES 值：

function checkTotalYes() {
  var selectElements = document.getElementsByTagName("select");
  var count = 0;
  for (var i = 0; i < selectElements.length; i++) {
    if (selectElements[i].value == 'YES')
      count++;
  }
  console.log('Total Yes: ' + count);
}

checkTotalYes();

<select class="form-control selectVitrat" name="PVSuperior" id="PVSuperior" onchange="checkTotalYes()">
  <option value="NO">NU</option>
  <option value="YES">DA</option>
</select>
<select class="form-control selectVitrat" name="PVIntermediar9" id="PVIntermediar9" onchange="checkTotalYes()">
  <option value="NO">NU</option>
  <option value="YES">DA</option>
</select>
<select class="form-control selectVitrat" name="PVIntermediar8" id="PVIntermediar8" onchange="checkTotalYes()">
  <option value="NO">NU</option>
  <option value="YES">DA</option>
</select>

【讨论】：