Как реализовать проверку состояния чекбокса и выполнить действие?

Question

[Legioner911]

Здравствуйте.

Вопрос встречался наверняка много раз. Но толкового примера так и не смог найти.

Нужно что бы когда радиобаттон к примеру с (id="one1") выбран, скрывается блок с классом к примеру (class="main-block"). А когда не выбран соответственно не скрывается.

Надеюсь на компетентный ответ специалиста.

С уважением!

Answer 1

[Eugene Tatarinov]

$("#one1").on("click", function() {
  if ($("#one1").prop("checked"))
  {
    $(".main-block").css("display", "none");
  }
  else
  {
    $(".main-block").css("display", "block");
  }
});

Пример

Comments

[Родион Мун]

Еще можно через this.checked внутри блока события

Answer 2

[Sergey Zhukov]

if($('#one1').prop('checked')) $('.main-block').hide();

Answer 3

[Михаил Чирский]

На мой взгляд так более лаконичнее, да и везде в примерах на JQ именно такой пример ставят:

if($('#one').is(':checked')) {
  $('.main-block').hide();
}
else {
  $('.main-block').show();
}

P.S. Какой из них работает быстрее не проверял, если кто проверял отпишите плз, интересно)