动态添加复选框，js jquery

// 创建一个新的复选框元素
var checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.name = 'dynamicCheckbox';
checkbox.value = 'option1';

// 创建一个标签元素
var label = document.createElement('label');
label.appendChild(document.createTextNode('Option 1'));

// 将复选框和标签添加到某个容器中
var container = document.getElementById('checkboxContainer');
container.appendChild(checkbox);
container.appendChild(label);

// 创建一个新的复选框元素并添加到指定容器
$('#checkboxContainer').append(
  $('<input>').attr({
    type: 'checkbox',
    name: 'dynamicCheckbox',
    value: 'option1'
  }).after($('<label>').text('Option 1'))
);

$('#checkboxContainer').on('change', 'input[type="checkbox"]', function() {
  console.log('Checkbox changed:', this.value);
});