單擊3或4個項目會顯示一個按鈕

Question

我正在使用培訓模塊並希望檢測用戶是否單擊「項目1」，「項目2」和「項目3」（與訂單無關）。當所有的項目被點擊至少一次，一個按鈕顯示爲「繼續」，這將使用戶進入下一部分訓練（超鏈接）。有沒有辦法做到這一點與jQuery？

Answer 1

假設使用的是multiselectbox：

$('option', '#selectbox').click(function() { 
    if($('option:selected', '#selectbox').length >= 3) 
    $('#button').show(); 
}); 

基本上只是使用length屬性來定義元素的量。

Answer 2

您可以使用單擊事件處理程序將類添加到單擊的元素，然後計算頁面上該類的出現次數。

$('.clickable').on('click', function(){ // item1, item2 etc 
    $(this).addClass('clicked'); // CLASS TO COUNT 
    if($('.clicked').length == 3) { // IF 3 HAVE CLASS 
     // SHOW BUTTON 
    } 
}); 

.length返回數量的項目陣列中的（天然的JavaScript），並且由於$('.selector')返回頁面上的元素的陣列，然而，許多給予$()（點擊類）選擇器將有出現的數字匹配在頁面上。