javascript - 如何对表进行可选限制

Question

我很难解决这个问题。当我设置限制时，我无法选择任何框。有什么建议么？？

我制作了以下 fiddle 来展示示例。

http://jsfiddle.net/dw6Hf/28

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

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

     $(".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); 
      }
    });
  });

谢谢

Answer 1

你想达到什么目的？你说的是哪些限制？如果您在 filter 中使用 lt(4)，则您要求 selectable 只允许选择前 4 个框。

我修改了你的 fiddle :http://jsfiddle.net/dw6Hf/40/ ，你会看到添加了以下内容:-

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

这将最多选择 4 个框..

更新:在选择期间不允许:- http://jsfiddle.net/dw6Hf/43/

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