js设置checkbox选中

<input type="checkbox" id="myCheckbox">

document.getElementById("myCheckbox").checked = true;

<input type="checkbox" class="myCheckboxClass">

document.querySelector(".myCheckboxClass").checked = true;

const checkboxes = document.querySelectorAll(".myCheckboxClass");
checkboxes.forEach(checkbox => {
    checkbox.checked = true;
});

<form id="myForm">
    <input type="checkbox" id="agreeCheckbox"> 我同意条款
    <button type="submit">提交</button>
</form>

<script>
document.getElementById("myForm").onsubmit = function() {
    const agreeCheckbox = document.getElementById("agreeCheckbox");
    if (!agreeCheckbox.checked) {
        agreeCheckbox.checked = true; // 强制选中
        alert("您必须同意条款！");
        return false; // 阻止表单提交
    }
    return true;
};
</script>

<input type="checkbox" id="dynamicCheckbox">
<button id="selectButton">选中复选框</button>

<script>
document.getElementById("selectButton").addEventListener("click", function() {
    document.getElementById("dynamicCheckbox").checked = true;
});
</script>

import React, { useState } from 'react';

function CheckboxExample() {
    const [isChecked, setIsChecked] = useState(false);

    const handleCheckboxChange = () => {
        setIsChecked(!isChecked);
    };

    return (
        <div>
            <input 
                type="checkbox" 
                checked={isChecked} 
                onChange={handleCheckboxChange} 
            />
            <button onClick={() => setIsChecked(true)}>选中复选框</button>
        </div>
    );
}

export default CheckboxExample;