element中动态生成的checkbox如何加入change事件

你可以在动态生成 checkbox 的时候添加一个 change 事件监听函数，例如：

// 假设你已经创建了一个 checkbox 元素
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';

// 添加 change 事件监听函数
checkbox.addEventListener('change', function() {
  // 在这里处理 checkbox 被勾选或取消勾选时的逻辑
  if (checkbox.checked) {
    console.log('checkbox 被勾选了');
  } else {
    console.log('checkbox 被取消勾选了');
  }
});

// 将 checkbox 加入到页面中
document.body.appendChild(checkbox);

这样，当用户勾选或取消勾选这个 checkbox 时，就会触发相应的 change 事件，从而执行你添加的事件监听函数。

相关问题

element中动态生成的多个checkbox如何加入change事件

您可以使用事件委托来绑定动态生成的多个checkbox的change事件。具体步骤如下：

1. 获取包含这些动态生成的checkbox的父元素。

2. 给父元素绑定一个change事件，当其中的任意一个checkbox发生改变时，该事件就会被触发。

3. 在事件处理程序中，使用event.target来获取当前触发事件的checkbox元素，从而执行相应的操作。

以下是一个简单的示例代码：

HTML代码：

<div id="checkbox-container">
  <input type="checkbox" name="checkbox1" value="1">
  <input type="checkbox" name="checkbox2" value="2">
  <input type="checkbox" name="checkbox3" value="3">
</div>

JavaScript代码：

var checkboxContainer = document.getElementById('checkbox-container');

checkboxContainer.addEventListener('change', function(event) {
  if(event.target.nodeName === 'INPUT' && event.target.type === 'checkbox') {
    // 执行相应的操作
    console.log(event.target.checked);
  }
});

在上面的代码中，我们首先获取了包含动态生成的checkbox的父元素checkboxContainer，然后给其绑定了一个change事件。在事件处理程序中，我们使用event.target来获取当前触发事件的checkbox元素，并判断其是否为checkbox类型，从而执行相应的操作。

判断element中动态生成的checkbox是否被选中

如果 checkbox 是动态生成的，可以通过以下方式来判断它是否被选中：

var checkbox = document.querySelector('input[type="checkbox"]:checked');
if (checkbox) {
  // checkbox 被选中
} else {
  // checkbox 未被选中
}

这里使用了 `querySelector` 方法来查找被选中的 checkbox。`:checked` 选择器表示选中状态，`input[type="checkbox"]` 匹配所有的 checkbox。如果存在被选中的 checkbox，`querySelector` 就会返回它，否则返回 `null`。在 if 语句中，可以判断 `checkbox` 是否为真值来确定 checkbox 是否被选中。