2012-06-12 40 views
3

有這個小提琴,我想讓它計算所選框的數量。現在它顯示框的數量。選擇表格櫃檯

任何想法如何做到這一點?

$(function() { 
    $(".selectable").selectable({ 
     filter: "td.cs", 

     stop: function() { 
      var result = $("#select-result").empty(); 
      var result2 = $("#result2"); 
      $('.ui-selecting:gt(31)').removeClass("ui-selecting"); 

      alert($(".ui-selected").length); 
      if ($(".ui-selected").length > 4) { 
       $(".ui-selected", this).each(function(i, e) { 
        if (i > 3) { 
         $(this).removeClass("ui-selected"); 
        } 
       }); 
       return; 
      } 

      $(".ui-selected", this).each(function() { 
       var cabbage = this.id + ', '; 
       result.append(cabbage); 
      }); 

      var newInputResult = $('#select-result').text(); 
      newInputResult = newInputResult.substring(0, newInputResult.length - 1); 
      result2.val(newInputResult); 
     } 
    }); 
});​ 

我的問題是顯示允許的最大選定框的結果。例如,如果您選擇8個方框來僅顯示4個,並且獲得最大允許的4個結果。而finaly不被警告,在div標籤或類似

顯示

http://jsfiddle.net/dw6Hf/46/

感謝

回答

2

您可以顯示與此類似的消息Live Demo

$('#divmsg').html($(".ui-selected").length + " box selected") 
if ($(".ui-selected").length > 4) { 
     $('#divmsg').html($('#divmsg').html() + ", Selection of only 4 allowed"); 
     $(".ui-selected").each(function(i, e) {     
     if (i > 3) { 
         $(this).removeClass("ui-selected"); 
     } 
     }); 
     return; 
    } 
+0

很不錯!還要顯示所選框的數量,但不能以醒目的方式顯示在div標籤中! – user1421432

+0

更新了我的答案,你可以在這裏檢查http://jsfiddle.net/dw6Hf/50/ – Adil

+0

非常非常好,你是有益的,我有最後一個問題是如何乘以2選擇的框?例如40盒X 2 = 80 – user1421432