javascript - 选择框计数器

标签 javascript jquery jquery-ui

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

知道怎么做吗?

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

谢谢

最佳答案

只需使用 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

关于javascript - 选择框计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10992077/

相关文章:

javascript - 动态加载表单(jQuery)的行为改变问题

jquery - 动态加载jquery数据表

css - 如何在拖放每个元素后创建一个类?

jquery-ui - Accordion 事件未触发

javascript - 图像属性格式不正确

javascript - 为什么 require.js 配置中设置的路径不被遵守?

javascript - TypeError : expect(. ..).to.be 不是函数

javascript - Angularjs 指令更新到 DOM 属性值的变化

javascript - 检查确切的 URL

javascript - then 中的函数在 when 结束之前被调用