如果文本框的值为 0，则 jQuery Checkbox 为真，但如果文本框为空白，则为假 [重复]

Question

我有这个功能，如果文本框的值为 0，复选框将设置为 true。 但是我有这种奇怪的情况，如果文本框为空白或大于 0，我需要复选框为 false

当我调试 true 这似乎是 "" 和 0 是同一件事 有谁知道我将如何进行这项工作？

$(document).on('blur change keyup', '.CostInput', function () {
  if ($(this).val() == 0) {
    $('input#Enquiry_Cost_InputFree_0').prop('checked', true);
  }

  if ($(this).val() > 0 || "") {
    $('input#Enquiry_Cost_InputFree_0').prop('checked', false);
  }
});

我创建了一个 JS fiddle = https://jsfiddle.net/barrycorrigan/Lqxuvr4w/9/

Answer 1

== 和 === 在 JavaScript 中是有区别的。

0 == ""  // => true
0 === "" // => false

你可能是想说：

$(document).on('blur change keyup', '.CostInput', function () {
  let val = $(this).val();

  if (+val === 0) {
    $('input#Enquiry_Cost_InputFree_0').prop('checked', true);
  }

  if (+val > 0 || val === "") {
    $('input#Enquiry_Cost_InputFree_0').prop('checked', false);
  }
});

有关其工作原理的更多信息，请参阅此处：https://stackoverflow.com/a/359509/9741277