javascript - jQuery 状态更改 True false 图像按钮

Question

这是我绑定(bind) html 表的 JQuery 代码。我有两个图像...我如何检查何时 true 1.jpg显示以及何时 false 2.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 +它显示输出True或False在表中。

Answer 1

首先要做的事情，

• 最后</td>丢失了
• 删除 if()从输入元素来看，这是无效的 html
• 替换'与 \'和"与 '保持格式完整

因此，将这样的内容放入 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);