checkbox js不可编辑

// 获取复选框元素
var checkbox = document.getElementById('myCheckbox');

// 设置复选框为选中状态
checkbox.checked = true;

// 设置复选框为未选中状态
checkbox.checked = false;

#myCheckbox {
    pointer-events: none; /* 禁止鼠标事件 */
}

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

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

var checkbox = document.getElementById('myCheckbox');
checkbox.removeAttribute('disabled');

<form id="hobbiesForm">
    <input type="checkbox" id="sports" name="hobby" value="sports"> Sports
    <input type="checkbox" id="music" name="hobby" value="music"> Music
    <input type="checkbox" id="reading" name="hobby" value="reading"> Reading
</form>

<button onclick="toggleHobbies()">Toggle Hobbies</button>

function toggleHobbies() {
    var sports = document.getElementById('sports');
    var music = document.getElementById('music');
    var reading = document.getElementById('reading');

    if (sports.disabled) {
        sports.removeAttribute('disabled');
        music.removeAttribute('disabled');
        reading.removeAttribute('disabled');
    } else {
        sports.setAttribute('disabled', true);
        music.setAttribute('disabled', true);
        reading.setAttribute('disabled', true);
    }
}