JQuery的複選框過濾

我已經進來做一個過濾系統，增加了一類以抑制不匹配的複選框標準元素的透明度的問題。當我嘗試逆轉這一過程，無論是使用「切換」，而不是「點擊」，或進行循環測試條件刪除類，我跑在不工作的複選框的錯誤（沒有出現打勾）。JQuery的複選框過濾

我想要做什麼，是複選框已經經過：未選中，刪除了「不透明度」類，使其返回到初始，預過濾，頁面視圖。這是代碼我有沒有造成錯誤，直到不透明類的消除：

$(".filters :checkbox").click(function(){ 
    $('.video-placeholder').addClass('opacity'); 
    $('.filters :checkbox:checked').each(function() { 
     $("." + $(this).val()).addClass('opacity-full'); 
    }); 
});

任何幫助將受到歡迎！我已經在這裏主持了，看到：http://yaocho-digital.com/83london/ - 謝謝。

來源

2013-03-04 JohnRobertPett

下面你會發現你的代碼的基本表示的的jsfiddle，

http://jsfiddle.net/zcQnj/27/

$('.filters :checkbox:checked').each(function() { 
     $("." + $(this).val()).removeClass('opacity').addClass('opacity-full'); 
    }); 

    if ($('.filters :checkbox:checked').length == 0) 
     $('.video-placeholder').removeClass('opacity');

通過在兩者匹配，當在沒有過濾器已刪除不透明度類應用，我希望我能正確理解你的問題！

來源

2013-03-04 09:38:10 MackieeE

謝謝！在小提琴中工作正常，但是當我將它添加到網站時，它有點奇怪。我認爲這可能是由於插件用圖像取代了複選框。將不得不進一步瞭解。 – JohnRobertPett 2013-03-04 14:26:48

不客氣！如果您需要更多幫助，例如複選框/圖像替換 - 只是詢問或更改您的問題:) – MackieeE 2013-03-04 16:05:51

JQuery的複選框過濾

回答

相關問題