javascript – 使用复选框对列进行排序.不行.我被卡住了

2019年8月3日 185次阅读

我想这个JSfiddle中的Signed按钮用复选框对列进行排序,就像它实际上完美一样.

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

我注意到tinySort,用于对表进行排序的库,不能仅使用复选框对列进行排序,因此我添加了一个& nbsp;对于那些选中了复选框的< td>来说,(或者在JSfiddle中可见X),它可以对列进行排序.

问题

问题是,当点击“保存”时,& nbsp;或者在这种情况下应该添加X,因此单击“签名”时,列将正确排序.

在this发布后,我了解了如何添加和删除& nbsp或X.

它告诉我,JQuery无法找到< label>,因为它位于< td>内.

如何重现问题

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

题

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

更新

在this,我实施了Rakesh对tablesort的回答.但我仍然无法让它发挥作用.

最佳答案 我建议你使用
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");
    })
});
点赞