2012-06-12 37 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