javascript - セレクトボックスカウンター

Question

私はこのフィドルを持っていて、選択されたボックスの数を数えたいと思っています。これで、ボックスの数が表示されます。

それを行う方法はありますか??

   $(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/

ありがとう

Answer 1

これを試してみてくださいstop()：

$(".ui-selected").length

デモ

ノート

選択したすべての 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

Answer 2

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