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

【问题标题】：Problem adding a Ternary Operator on some Jquery code在某些 Jquery 代码上添加三元运算符时出现问题
【发布时间】：2019-04-30 07:59:15
【问题描述】：

我有一些 jquery 代码在 DOM 上显示一个隐藏的 div，具体取决于是否单击了复选框。复选框的值也变为 1。如果没有点击输入，我想添加一个三元运算符将值更改为零。

请帮忙？

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

【问题讨论】：

【解决方案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" />

【讨论】：

【解决方案2】：

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

【讨论】：