单击Submit按钮时，将选中的值数组打印到控制台_如何在单击submit按钮时获得所有动态选中的复选框以及文本框值？_将二维数组打印到控制台时，值是随机设置的 - 腾讯云开发者社区

单击Submit按钮时，将选中的值数组打印到控制台

的功能可以通过前端开发实现。以下是一个示例的实现方式：

HTML部分：

<!DOCTYPE html>
<html>
<head>
  <title>选项选择示例</title>
</head>
<body>
  <h3>请选择以下选项：</h3>
  <input type="checkbox" name="option" value="选项1">选项1<br>
  <input type="checkbox" name="option" value="选项2">选项2<br>
  <input type="checkbox" name="option" value="选项3">选项3<br>
  <input type="checkbox" name="option" value="选项4">选项4<br>
  <button onclick="printSelectedValues()">Submit</button>

  <script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）：

function printSelectedValues() {
  var checkboxes = document.getElementsByName("option");
  var selectedValues = [];

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

  console.log(selectedValues);
}

上述代码中，我们首先在HTML中创建了一组复选框选项，并为它们设置了相同的name属性，以便在JavaScript中获取选中的值。然后，我们在按钮的onclick事件中调用printSelectedValues()函数。

在printSelectedValues()函数中，我们首先通过document.getElementsByName("option")获取所有name属性为"option"的复选框元素。然后，我们遍历复选框元素，如果某个复选框被选中（checked属性为true），则将其值（value属性）添加到selectedValues数组中。最后，我们使用console.log()将选中的值数组打印到浏览器的控制台中。

这个功能可以应用于各种场景，例如表单提交时需要获取用户选择的选项，或者在动态生成的选项列表中获取用户的选择。

腾讯云相关产品和产品介绍链接地址：

云开发（https://cloud.tencent.com/product/tcb）：提供前后端一体化的云端开发平台，可快速构建小程序、Web应用等。
云服务器（https://cloud.tencent.com/product/cvm）：提供可扩展的云服务器实例，用于部署和运行应用程序。
云数据库 MySQL版（https://cloud.tencent.com/product/cdb_mysql）：提供高性能、可扩展的云数据库服务，适用于各种应用场景。
云存储（https://cloud.tencent.com/product/cos）：提供安全可靠的云存储服务，用于存储和管理各种类型的数据。
人工智能（https://cloud.tencent.com/product/ai）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。
物联网（https://cloud.tencent.com/product/iotexplorer）：提供全面的物联网解决方案，帮助连接和管理物联网设备。
区块链（https://cloud.tencent.com/product/baas）：提供安全可信赖的区块链服务，用于构建和管理区块链应用。
元宇宙（https://cloud.tencent.com/product/um）：提供虚拟现实和增强现实技术，用于创建沉浸式的虚拟体验。

请注意，以上链接仅为示例，具体的产品选择应根据实际需求和情况进行评估和决策。