javascript - 带有复选框的排序列。不起作用。我卡住了

Question

我希望这个 JSfiddle 中的 Signed 按钮使用复选框对列进行排序，就像它实际上做得很完美一样。

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

我注意到 tinySort ，用于对表进行排序的库无法仅使用复选框对列进行排序，因此我添加了一个   (或 JSfiddle 中的 X 以获得可见性)对于那些 <td>的复选框被选中，它可以对列进行排序。

问题

问题是，当点击保存时  或 X 在这种情况下，应该被添加，所以当点击 Signed 时，该列被正确排序。

在this帖子学会了我如何添加和删除&nbsp或 X。

我觉得 JQuery 找不到 <label> , 因为它在 <td> 中.

如何重现问题

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

问题

如何获取保存按钮以添加   ，所以列可以排序？

更新

在this我实现了 Rakesh 的表排序答案了吗？但我仍然无法让它工作。

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