2
加載複選框未選中並顯示所有列表項。 當在這些列表上檢查過濾器時,將顯示與之相關的項目。 我遇到的問題是當您再次取消選中所有複選框時,我需要顯示所有項目而不是隱藏。當所有複選框已被取消選擇時,客戶端過濾器顯示所有項目
這裏是我的小提琴......
http://jsfiddle.net/amesy/B9Hnu/124/
$(function() {
var $checkboxes = $("input[id^='type-']");
$('input[type=checkbox]:checked').attr('checked', false);
$checkboxes.change(function() {
var selector = '';
$checkboxes.filter(':checked').each(function() { // checked
selector += '.' + this.id.replace('type-', '') + ', ';
// builds a selector like '.A, .B, .C, '
});
selector = selector.substring(0, selector.length - 2); // remove trailing ', '
$('#list li').hide() // hide all rows
.filter(selector).show(); // reduce set to matched and show
});
});
最終,這將在投資組合使用,但我會分裂過濾器/標籤成其類別。如果有人想告訴它,將不勝感激。
:) 我剛剛創建的基礎上,下一階段新的問題,謝謝你了回答吧:) http://stackoverflow.com/questions/27063529 /客戶端過濾-使用-jquery的 – Amesey 2014-11-21 15:12:09