从矩阵表中获取所选复选框的值

Question

我在asp.net web表单中使用html设计了一个矩阵表，所以我想如果用户单击该复选框，则会立即显示所选行的名称以及所选列的名称。输出应如下所示： Chlor-Alkali 关系请参阅下面的屏幕截图，但它会返回行索引和列索引。

这是下面的代码：

Answer 1

您可以使用文档选择器和checked属性获取已检查输入的值：

function myFunction() {
  // get all checkboxes
  const checkBoxes = document.getElementsByClassName("selectableType");
  var result = "";

  // iterate over them
  for (var box = 0; box < checkBoxes.length; box ++) {

    // check if single checkbox is checked
    if (checkBoxes[box].checked === true) {

      // and do your needed magic here :D
      console.log(">", checkBoxes[box].value);
      result += checkBoxes[box].value + "\n";
    }
  }

  // just an example to show results
  alert (result === "" ? "No result" : "Selected inputs are\n" + result);
}

Check here a working example