jQueryのステータス変更真偽の画像ボタン

Question

は、これは私がするときtrue1.jpgショーとfalse2.jpgショーを確認することができますどのように... 2つのイメージを持っているのhtml table.Iをバインドするために私のjQueryのコードです。

$(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>は、それが無効なHTML
• だ
形式をそのまま維持するために 'で \'と "と 'を交換し、入力要素から if()を削除
• が欠落しています

だから、このようなものをforループ

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);