Блог

Я создал список из 5 флажков, используя HTML и CSS. Первый всегда можно проверить, но остальные четыре изначально доступны только для чтения. Затем, когда первый установлен, второй должен измениться с «только для чтения» на «доступно для проверки». Как только второй флажок установлен, третий также должен измениться, и так далее. Как я мог это сделать?

Краткий ответ: Javascript

дополнительные пояснения:

Что вы хотите, так это listen установить первый флажок, чтобы вы могли изменить свойство следующего флажка.

 const box1 = document.querySelector('#box1')
const box2 = document.querySelector('#box2')
box1.addEventListener('change', () => {
  box2.readonly = false 
})
  

Я не тестировал этот код, но это должно помочь вам начать

этот код работает для более или менее распространенного случая

     for (let i = 1; i < 5; i  ) {
        const item = document.querySelector('#cbk'   i);
        item.addEventListener('change', () => {
            var newId =  item.id.replace('cbk', '')   1;
            document.querySelector('#cbk'   newId).readonly = false;
        })
    }