选择框计数器

时间:2012-06-12 07:19:54

标签: javascript jquery jquery-ui

我有这个小提琴,我想让它计算所选的盒子数量。 现在它显示了框的数量。

知道怎么做吗?

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

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

          if($(".ui-selected").length>90)
          {
     $(".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); 
      }
    });
  });

jsfiddle: http://jsfiddle.net/dw6Hf/44/

由于

2 个答案:

答案 0 :(得分:2)

试试这个stop()

$(".ui-selected").length

<强> DEMO

注意

要获得所有选定的div,您需要将代码置于以下代码之上:

 alert($(".ui-selected").length); // here to place

 if ($(".ui-selected").length > 4) {
      $(".ui-selected", this).each(function(i, e) {
       if (i > 3) {
             $(this).removeClass("ui-selected");
       }
      });
      return;  // because you've used a return here
 }

 alert($(".ui-selected").length); // so not to place here

答案 1 :(得分:0)

...
stop: function(){
    console.log('you selected %d cells', $('.ui-selected').length);
...