如何在 jQuery 中選中復選框並顯示輸入字段？

Question

我制作了一個返回JSON響應的函數，來自該response值顯示在input fields 。

這是我單擊edit按鈕時的table 。 它向master_get_items文件發送請求並接收response

表格圖片

對 ID 4 的響應

    {
  "ID": "4",
  "item_title": "slaePrice",
  "item_price": "99999.99",
  "big_pic": "front/images/items/dcba27227bc0f165910a5ba5979a3811.png",
  "item_description": "<p>dsfsdfs</p>\r\n",
  "sale_price": "23",
  "status": "enabled"
}

此響應的sale_price為23 。 所以我在JQuery做了一個if語句，如果sale_price值大於0 。 然后選中復選框並顯示運行良好的input field 。

但是當我單擊響應中ID no 5的edit按鈕時， sale_price值為null但仍checkbox並顯示input field 。

對 ID 5 的響應

{
  "ID": "5",
  "item_title": "asd",
  "item_price": "2.00",
  "big_pic": "front/images/items/d73a11ab42e2974df57612e8a0d7ce01.png",
  "item_description": "<p>adsfsadfsdfsdfsd</p>\r\n",
  "sale_price": null,
  "status": "enabled"
}

我寫的 if 語句

  var sale_product = "";
sale_product = outputData.sale_price;
if (sale_product !== "") {
    $("#Editsale").prop("checked", true);
    $("#EditsalePrice").show();
    modal.find("input#Editsale_price").val(outputData.sale_price);
} else if (sale_product == "") {
    $("#Editsale").prop("checked", false);
    $("#EditsalePrice").hide();
}

復選框和輸入字段的 HTML 代碼

    <div class="col-md-3">
   <div class="form-group">
      <label for="Sale">Product On Sale?</label>
      <input type="checkbox" id="Editsale" name="Editsale" class="checkbox checkboxsize">
   </div>
</div>
<div id="EditsalePrice" style="display:none">
   <div class="col-sm-3">
      <div class="form-group">
         <label for="">Sale Price</label>
         <input type="text" name="Editsale_price" id="Editsale_price" placeholder="Enter Product Sale Price" class="form-control">
      </div>
   </div>
</div>

讓我們看看 4 號 ID 的圖片

讓我們看看 5 號 ID 的圖片

Answer 1

謝謝大家。 我通過執行if(sale_product != null)糾正它並且它有效。

Answer 2

嘗試使用if (sale_product) {更改if (sale_product !== "")並刪除else if 。 此檢查值是否不是false 、 null 、 undefined 、空字符串、0 或NaN

Answer 3

嘗試將!empty(sale_product) {到您的 if 語句中