获取HTML中所有勾选的复选框

可以使用 JavaScript 来获取 HTML 中所有勾选的复选框，代码如下：

var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');

这段代码会返回一个 NodeList，其中包含了所有被勾选的复选框元素。你可以遍历这个 NodeList，对每个元素进行操作。

相关问题

HTML获取所有勾选的复选框

可以使用 JavaScript 来获取所有勾选的复选框，具体代码如下：

var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var values = [];
for (var i = 0; i < checkboxes.length; i++) {
  values.push(checkboxes[i].value);
}
console.log(values);

这段代码会获取所有被勾选的复选框的值，并将它们存储在一个数组中。你可以根据需要对这些值进行进一步的处理。

vue勾选复选框获取父元素的值

可以通过监听复选框的change事件，然后在事件处理函数中获取父元素的值。具体实现可以参考以下代码：

HTML部分：

<div id="app">
  <input type="checkbox" value="1" v-model="checkedValues" @change="handleChange">
  <input type="checkbox" value="2" v-model="checkedValues" @change="handleChange">
  <input type="checkbox" value="3" v-model="checkedValues" @change="handleChange">
</div>

Vue实例部分：

new Vue({
  el: '#app',
  data: {
    checkedValues: []
  },
  methods: {
    handleChange() {
      const parentValue = this.$el.getAttribute('data-parent-value')
      console.log(parentValue)
    }
  }
})

在HTML中，我们给父元素添加了一个data-parent-value属性，用来存储父元素的值。在Vue实例中，我们通过this.$el获取到当前组件的根元素，然后通过getAttribute方法获取到父元素的值。