js复选框的用法

// 获取所有复选框
const checkboxes = document.querySelectorAll('input[type="checkbox"]');

// 遍历并获取选中的复选框的值
checkboxes.forEach(checkbox => {
  if (checkbox.checked) {
    console.log(checkbox.value);
  }
});

// 设置复选框为选中状态
document.getElementById('myCheckbox').checked = true;

// 设置复选框为未选中状态
document.getElementById('myCheckbox').checked = false;

document.getElementById('myCheckbox').addEventListener('change', function() {
  if (this.checked) {
    console.log('复选框被选中');
  } else {
    console.log('复选框未被选中');
  }
});

const container = document.getElementById('checkboxContainer');

const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.id = 'newCheckbox';
checkbox.name = 'newCheckboxGroup';
checkbox.value = 'newValue';

const label = document.createElement('label');
label.htmlFor = 'newCheckbox';
label.textContent = '新复选框';

container.appendChild(checkbox);
container.appendChild(label);