在javascript中使用onchange在表视图中显示多个复选框值

在JavaScript中使用onchange事件可以实现在表视图中显示多个复选框的值。onchange事件是当元素的值发生改变时触发的事件。

具体实现步骤如下：

在HTML中创建一个表格视图，包含多个复选框和一个用于显示选中值的元素，例如一个div元素。

<table>
  <tr>
    <td><input type="checkbox" value="1" onchange="showSelectedValues()"></td>
    <td><input type="checkbox" value="2" onchange="showSelectedValues()"></td>
    <td><input type="checkbox" value="3" onchange="showSelectedValues()"></td>
  </tr>
</table>

<div id="selectedValues"></div>

在JavaScript中定义一个函数showSelectedValues()，用于获取选中的复选框的值并显示在指定的元素中。

function showSelectedValues() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  var selectedValues = [];

  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      selectedValues.push(checkboxes[i].value);
    }
  }

  var selectedValuesElement = document.getElementById('selectedValues');
  selectedValuesElement.innerHTML = '选中的值：' + selectedValues.join(', ');
}

当复选框的值发生改变时，onchange事件会触发showSelectedValues()函数，该函数会获取选中的复选框的值，并将其显示在指定的元素中。

这样，当用户选中或取消选中复选框时，表视图中的div元素会实时显示选中的复选框的值。

推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），它是一种无服务器的计算服务，可以帮助开发者更轻松地构建和运行云端应用程序。腾讯云云函数支持JavaScript语言，可以用于处理前端事件触发的逻辑，如表单提交、按钮点击等。您可以通过腾讯云云函数来实现在JavaScript中使用onchange事件在表视图中显示多个复选框的值。

腾讯云云函数产品介绍链接地址：https://cloud.tencent.com/product/scf