使用复选框对列进行排序.不;不起作用.我被卡住了

Sorting column with check boxes. Doesn't work. I am stuck

本文关键字：不起作用 排序 复选框      更新时间：2023-09-26

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

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

我注意到用于对表进行排序的库tinySort不能只使用复选框对列进行排序，所以我为那些选中了复选框的<td>添加了一个&nbsp;（或JSfiddle中的X），它可以对列进行分类。

问题

问题是，当单击"保存"时，应该添加&nbsp;或X（在本例中为X），因此当单击"签名"时，列将正确排序。

在这篇文章中，我学会了如何添加和删除&nbsp或X.

JQuery找不到<label>，因为它在<td>中。

如何重现问题

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

问题

如何使用"保存"按钮添加&nbsp;，以便对列进行排序？

更新

在这篇文章中，我实现了Rakesh对tablesort的回答。但我还是无法让它发挥作用。

我建议您使用表分类器插件，它为您提供了一个选项，让您可以拥有自己的解析器逻辑来进行排序。

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

缺少分号：

$('#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
相关文章：