排序圖像或單選按鈕jQuery

我創建了一個jQuery與3單選按鈕和圖像在一個單元格中的表。排序圖像或單選按鈕jQuery

像這樣：

<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" />

但我不能上選中單選按鈕列進行排序。隱藏的輸入字段不起作用有沒有辦法使這項工作？例如。有一個無法理解的人物或東西？

來源

2011-12-06 OrangeTux

究竟你想排序嗎？單元格中的3個按鈕或整個表格？順便說一下，input元素的name屬性應該以一個字母（http://www.w3.org/TR/html4/types.html#type-id）開頭。 – Cito

我想對選中的複選框的值進行排序。與所有檢查複選框'a'的單元格一樣，後面跟着檢查'd'的單元格，隨後檢查單元格'w'。 – OrangeTux

假設你使用tablesorter的jQuery插件，您可以排序像這樣的列：

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

來源

2011-12-06 16:03:48 Cito

謝謝，這個解決方案爲我工作 – OrangeTux

這裏是一個替代的解決方案，採用詹姆斯Padolsey的簡單element sorting功能，

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

來源

2011-12-06 16:28:31 Cito

排序圖像或單選按鈕jQuery

回答

相關問題