How can I do this? change checkbox from readonly to available for checking

I created a list of 5 checkbox using HTML and CSS. The first one is always able to be checked but the other four are initianlly readonly. Then, when the first is checked, the second should change from readonly to be available for checking. Once the second is checked, the third must change as well, and so on. How could I do this?