Я пытаюсь отключить каждое поле ввода в определенной части веб-формы всякий раз, когда для радиокнопки установлена опция «Нет» (и возвращаю ее, когда выбрано «Да», но не работает должным образом. В настоящее время у меня есть этот код для «просмотра» переключателей и включения / отключения по мере необходимости:
jQuery("#ReportOn").change(function () {
if(jQuery("#ReportOff").is(":checked")) {
// Everything working up until here , but below command does nothing.
jQuery("#reportform > input").attr("disabled", true);
} else if(jQuery("#ReportOn").is(":checked")) {
jQuery("#reportform > input").removeAttr("disabled");
}
});
Форма выглядит так:
<form method="post" action="post.php">
<input type="radio" name="report" id="ReportOn" value="1" /><label for="ReportOn">Yes</label>
<input type="radio" name="report" id="ReportOff" value="0" /><label for="ReportOff">No</label>
<div id="reportform">
<input type="text" name="title" id="ReportTitle" />
<input type="text" name="subtitle" id="ReportSubtitle" />
</div>
</form>
Когда радиокнопка «Отчетность» установлена на «Нет», остальная часть формы должна быть отключена.
Что мне здесь не хватает, что мешает ему работать?