jQuery狀態更改True false圖像按鈕

Question

這是我的JQuery代碼綁定html表格。我有兩個圖像...我如何檢查當true1.jpg顯示和當false2.jpg顯示。

$(function() { 
    debugger 
    $.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "WebForm5.aspx/BindDatatable", 
     data: "{}", 
     dataType: "json", 
     success: function (dt) { 
      debugger; 
      for (var i = 0; i < dt.d.length; i++) { 
       $("#example1 > tbody").append("<tr><td> <input type='checkbox' class='chk' id=" + dt.d[i].CategoryID + " /></td><td>" + dt.d[i].CategoryID + "</td><td>" + dt.d[i].Name + "</td><td><input type='image'if() src='images/1.png'title='Deactivate this' value=" + dt.d[i].Status + " alt='Submit' width='18' height='18'> </td><td> <i class='ui-tooltip fa fa-pencil' onclick='btnQueryString_Click(" + dt.d[i].CategoryID + ")' style='font-size:22px;margin-left: 32px;'></i><i class='ui-tooltip fa fa-trash-o' onclick='deleteRecord(" + dt.d[i].CategoryID + ")' style='font-size: 22px;margin-left: 32px;'></i> </tr>"); 
      } 
      $("#example1").DataTable(); 
     }, 
     error: function (result) { 
      alert("Error"); 
     } 
    }); 
}); 

我正在拍照<input type='image'>標記。

<input type='image' src='images/1.png'title='Deactivate this' value=" + dt.d[i].Status + " alt='Submit' width='18' height='18'> 

指引，我怎麼能檢查狀態值是真或假，以及如何將其顯示在表中狀態列？ 注意：如果我僅使用+ dt.d[i].Status +，它將在表中顯示OUTPUT True或False。第一

Answer 1

第一件事，

• 最後</td>缺少
• 從輸入元素刪除if()，這是無效的HTML
• 更換'與\'和"與'保持格式完整

因此，把這樣的東西放在你的for loop應該工作

var image=''; 
if(dt.d[i].Status == true) { 
    image = '1.jpg'; 
}else{ 
    image = '2.jpg'; 
} 

var data = '<tr> <td> <input type=\'checkbox\' class=\'chk\' id=' + dt.d[i].CategoryID + ' /></td><td>' + dt.d[i].CategoryID + '</td> <td>' + dt.d[i].Name + '</td> <td><input type=\'image\' '+ image +' src=\'images/unblock.png\' title=\'Deactivate this\' value=' + dt.d[i].Status + ' alt=\'Submit\' width=\'18\' height=\'18\'> </td> <td>  <i class=\'ui-tooltip fa fa-pencil\' onclick=\'btnQueryString_Click(' + dt.d[i].CategoryID + ')\' style=\'font-size:22px;margin-left: 32px;\'></i> <i class=\'ui-tooltip fa fa-trash-o\' onclick=\'deleteRecord(' + dt.d[i].CategoryID + ')\' style=\'font-size: 22px;margin-left: 32px;\'></i> </td></tr>'; 

$("#example1 > tbody").append(data);