HTML-форма видна или скрыта в зависимости от состояния флажка ⇐ CSS

[Anonymous]

Я хочу скрыть/отобразить форму на основе флажка в веб-приложении Google. Если флажок находится в отмеченном состоянии, форма будет видимой, в противном случае она должна быть скрытой. Я хочу попробовать использовать приведенный ниже блок кода. Но этого не произошло.

Код: Выделить всё

if (document.getElementById("df1").checked) {
document.getElementById("co").style.visibility = "hidden";
} else {
document.getElementById("co").style.visibility = "visible";
}

Код: Выделить всё

Name 

Roll No. 

Подробнее здесь: https://stackoverflow.com/questions/789 ... -condition