Проблема добавления тернарного оператора в некоторый код Jquery

Question

У меня есть некоторый код jquery, который отображает скрытый div в DOM в зависимости от того, установлен флажок или нет.Значение флажка также меняется на 1. Я хочу добавить троичный оператор , чтобы изменить значение на ноль, если на входе не щелкнули.

Пожалуйста, помогите?

$("#card").click(function(){
    $("#card").val("1");
    $("#cardDeck").slideToggle("slow", "swing");
});

Answer 1

$('#card').change(function () {
    $(this).val($(this).attr("checked")?"1":"0")
});

Answer 2

Используйте is(':checked'), чтобы проверить, установлен ли флажок или нет, как показано ниже.

$("#card").click(function() {
  $(this).is(':checked') ? $(this).val("1") : $(this).val("0");
  console.log($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="card" />