Как связать активацию input type="text" после активизации checkbox?

Question

[Марат]

код

Подскажите как можно настроить в CSS связь между двумя элементами, а именно input type="checkbox" и input type="text"
по следующему сценарию
Вариант 1
если input type="checkbox" активный (галочка) то input type="text" активируется с фокусом
если input type="checkbox" не активный (без галочки) то input type="text" не активный не дает туда поставить фокус
Вариант 2
input type="checkbox" name="social" по умолчанию не активный если кликнуть на текст "Свой вариант" или на сам checkbox то checkbox активируется + фокус в поле input type="text"

Answer 1

[Игорь]

Вариант 1,2
https://codepen.io/igor307/pen/mddXmZw

Comments

[Марат]

Спасибо, JS это круто ))) но я думал что можно через CSS

[Шохрух Шаймардонов]

Марат, нельзя. Css стилизует не меняет дом или его состояние