js checkbox勾选

<input type="checkbox" id="myCheckbox" name="myCheckbox" value="option1">
<label for="myCheckbox">Option 1</label>

const checkbox = document.getElementById('myCheckbox');
if (checkbox.checked) {
    console.log('Checkbox is checked');
} else {
    console.log('Checkbox is not checked');
}

const checkbox = document.getElementById('myCheckbox');
checkbox.addEventListener('change', function() {
    if (this.checked) {
        console.log('Checkbox is checked');
    } else {
        console.log('Checkbox is not checked');
    }
});

const container = document.getElementById('checkboxContainer');
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.id = 'dynamicCheckbox';
checkbox.name = 'dynamicCheckbox';
checkbox.value = 'option2';

const label = document.createElement('label');
label.for = 'dynamicCheckbox';
label.textContent = 'Option 2';

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

<input type="checkbox" class="single-checkbox" value="option1"> Option 1
<input type="checkbox" class="single-checkbox" value="option2"> Option 2
<input type="checkbox" class="single-checkbox" value="option3"> Option 3

<script>
document.querySelectorAll('.single-checkbox').forEach(checkbox => {
    checkbox.addEventListener('change', function() {
        if (this.checked) {
            document.querySelectorAll('.single-checkbox').forEach(cb => {
                if (cb !== this) {
                    cb.checked = false;
                }
            });
        }
    });
});
</script>