Javascript, если флажок установлен

Question

У меня есть эта форма для добавления видео. Теперь есть поле ввода для «заголовка», и я хочу, чтобы оно исчезло, если вы нажали на флажок «проба». Как мне это сделать в JS .. Я использую JQuery.

Answer 1

Если у вас есть правильные идентификаторы, назначенные для обоих полей, что-то вроде этого будет работать:

$('#tryout').click(function () {
    $('#title').toggle(!$(this).attr('checked'));
});

Answer 2

Вы можете просто написать внутри функции document.ready.

$("#chkboxId").clicked(function(){
  if($(this).attr("checked"))
    $("#title").hide();
  else
    $("#title").show();
}); 

Answer 3

<input type="checkbox" id="tryout" name="tryout" onclick="javascript:$('#tryout').hide();">Tryout</input>