原生复选框判断是否选中

### 如何判断HTML中原生复选框是否被选中

在HTML中，可以通过JavaScript来检测原生复选框的状态。具体来说，可以访问`input`元素的`checked`属性来获取当前的选择状态。

对于单个复选框：

let checkbox = document.querySelector('input[type="checkbox"]');
if (checkbox.checked) {
    console.log("Checkbox is checked");
} else {
    console.log("Checkbox is not checked");
}

当页面中有多个复选框时，可以根据特定条件筛选并遍历这些元素：

// 假设所有复选框都有相同的name属性值'interest'
let checkboxes = document.querySelectorAll('input[name="interest"]');

Array.from(checkboxes).forEach(function(item){
    if (item.checked) {
        console.log(`Checkbox with value ${item.value} is checked`);
    }
});

为了响应用户的交互操作，通常会监听复选框的变化事件：

document.getElementById('myCheckbox').addEventListener('change', function() {
    if(this.checked) {
        alert('The checkbox was checked.');
    } else {
        alert('The checkbox was unchecked');
    }
});