Как я могу это сделать?изменить флажок только для чтения на доступный для проверки

Question

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

Answer 1

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

    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;
        })
    }

Answer 2

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

больше объяснений:

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

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

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