获取 div TAG 中的复选框值 - Html

当需要获取一个 div 中的所有复选框的值时，可以使用 Javascript 来实现。通过遍历 div 中的子元素，判断是否为复选框并检查其选中状态，可以实现获取所有复选框的值。

下面是一个简单的示例，可以将代码片段嵌入到你自己的 Javascript 文件中。

// 选择 div 元素
var divElement = document.querySelector('div');

// 遍历子元素
var checkBoxValues = [];
for (var i = 0; i < divElement.children.length; i++) {
  var child = divElement.children[i];

  // 如果子元素是一个复选框，则将其值添加到数组中
  if (child.tagName.toLowerCase() === 'input' && child.type === 'checkbox' && child.checked) {
    checkBoxValues.push(child.value);
  }
}

// 输出复选框的值，以逗号分隔
console.log(checkBoxValues.join(', '));

上面的示例中，我们首先选择了一个 div 元素，并遍历其子元素。对于每个子元素，我们检查其标签名是否为 input，类型是否为 checkbox，并检查其是否被选中。如果是复选框并被选中了，则将其值加入到一个数组中。最后，将数组中的值输出以逗号分隔。

这是一个简单但有效的方法，可以帮助你获取一个 div 中所有复选框的值。当然，你可以根据自己的需要进行修改和扩展，以适应不同的场景。