Question

我正在创建一个带有jQuery的表，在一个单元格中有3个单选按钮和图像。

像这样：

<input type="radio" name="46" value="a" checked="checked" onfocus="updateStatus('46', 'a')" /><img src="/jwz/images/icons/a.png" name="a" alt="a" />
<input type="radio" name="46" value="d" onfocus="updateStatus('46', 'd')" /><img src="/jwz/images/icons/d.png" name="d" alt="d" />
<input type="radio" name="46" value="w" onfocus="updateStatus('46', 'w')" /><img src="/jwz/images/icons/w.png" name="w" alt="w" />

但是我无法对选中的单选按钮上的列进行排序。隐藏的输入字段不起作用有没有办法让这项工作？例如。带着隐形的角色还是什么？

Answer 1

假设您使用jQuery的tablesorter插件，您可以像这样对该列进行排序：

$("#yourTable").tablesorter({
    textExtraction: function(node) {
        return $('input:checked', node).val() || node.innerHTML;
    }
});

Answer 2

这是另一种解决方案，使用James Padolsey的简单element sorting函数

$('#yourTable tbody tr').sortElements(function(a, b) {
    return $('input:checked', a).val() > $('input:checked', b).val() ? 1 : -1;
});

排序图像或单选按钮jQuery

2 个答案: