在某些 Jquery 代码上添加三元运算符时出现问题

Question

我有一些 jquery 代码，它根据是否单击复选框在 DOM 上显示隐藏的 div。复选框的值也更改为 1。我想添加一个 三元运算符 ，以便在未单击输入时将值更改为零。

请帮忙？

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

Answer 1

使用 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" />

Answer 2

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

Problem adding a Ternary Operator on some Jquery code