带复选框的排序列。 不起作用 我被困住了

Question

我想让这个JSfiddle中的Signed按钮对带有复选框的列进行排序，就像它实际上做得很好一样。

http://jsfiddle.net/littlesandra88/DSRmg/

我注意到， tinySort （用于对表格进行排序的库）无法仅通过复选框对列进行排序，因此我添加了  （或JSfiddle中的X表示可见性）以表示选中复选框的<td> ，它可以对列进行排序。

问题

问题是，单击“保存  在这种情况下，应添加X或X，因此单击“签名”时，该列将正确排序。

在这篇博文中，我了解了如何添加和删除&nbsp或X。

我觉得JQuery找不到<label> ，因为它在<td>内部。

如何重现问题

尝试取消选中其中一个复选框，然后单击“签名”。 现在，复选框列不再正确排序。

题

如何获取“保存”按钮以添加  ，因此该列可以排序？

更新资料

在此 ，我实现了Rakesh对tablesort的回答。 但是我仍然无法正常工作。

Answer 1

我建议您使用tablesorter插件，该插件为您提供了一个自己的解析器逻辑进行排序的选项。

看一下代码-http://jsfiddle.net/srakesh/DSRmg/8/

HTML：

<td class="checkbox"> <input name="signed" type="checkbox" checked ><span class="hidden">1</span> </td>

Javascript：

$(document).ready(function() { 
    $("#myTable").tablesorter();              
    $('#myTable input:checkbox').click(function() {
        var order = this.checked ? '1' : '0';
        $(this).next().html(order);
        $(this).parents("table").trigger("update");
    })
});

Answer 2

缺少半冒号：

$('#myTable input:checkbox').click(function() {
    var order = this.checked ? '1' : '0';
    $(this).next().html(order);
    $(this).parents("table").trigger("update");
}); //try putting a semicolon here