微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带复选框的排序列不起作用我被卡住

如何解决带复选框的排序列不起作用我被卡住

| 我想让这个JSfiddle中的Signed按钮对带有复选框的列进行排序,就像它实际上做得很好一样。 http://jsfiddle.net/littlesandra88/DSRmg/ 我注意到,用于对表进行排序的库
tinySort
不能仅使用复选框对列进行排序,因此我为带有check2的ѭ2added \添加
 
(或JSfiddle中的X表示可见性)。框被选中,它可以对列进行排序。 问题 问题是,在这种情况下,单击“保存”时应添加“ 1”或X,因此,单击“签名”后,该列将正确排序。 在这文章中,我学到了如何添加删除
&nbsp
或X。 我觉得JQuery找不到
<label>
,因为它在is2ѭ中。 如何重现问题 尝试取消选中其中一个复选框,然后单击“签名”。现在,复选框列不再正确排序。 题 如何获取“保存”按钮以添加“ 1”,以便可以对列进行排序? 更新资料 在此,我实现了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\");
    })
});
    ,        缺少半冒号:
$(\'#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
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。