Javascript 如何对表格进行可选限制

我解这把小提琴有困难。当我设置限制时，我无法选择任何框。 有什么建议吗

我做了下面的小提琴来展示这个例子

---

谢谢

你想要实现什么？你在说什么限制？如果在

过滤器中使用
lt（4）
，则要求
selectable
只允许选择前4个框

我已经修改了您的小提琴：，您将看到添加了以下内容：-

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

现在将最多选择4个框

更新：在选择期间不允许：-

这里是另一个解决方案，它不使用JqueryUI，但可能是您想要的。它基本上切换在单击框中选择的类，最多可以选择4个。我将所选的类添加到css中

$(".cs").click(function(){
 var numItems = $('.selected').length   
if(numItems < 4) {          
     $(this).toggleClass("selected");   
}   

if(numItems == 4 && $(this).hasClass("selected")) {

    $(this).removeClass("selected"); 
}           

});​

$（“.cs”）。单击（函数（）{
变量numItems=$（'.selected'）.length
如果（numItems<4）{
$（此）.toggleClass（“选定”）；
}   
如果（numItems==4&&$（this）.hasClass（“选定”））{
$（此）.removeClass（“选定”）；
}           
});​

对于限制，您指的是设置过滤器？是的，我设置了过滤器，但当我尝试选择下面的框时，它不会选择它们。您在前4个tds上进行了过滤，因此结果是正确的。你想达到什么目的？我不想只选择前4个，我想选择表上的任何4个。你的意思是，你想只允许最多选择“N”个框吗？除此之外，如果你不想删除甚至“ui选择”类，你必须修改jquery可选插件本身。
selecting: function(i,e){
                    if($(".ui-selecting").length>4)
          {
     $(".ui-selecting", this).each(function(i,e){
         if(i>3)
         {
         $(this).removeClass("ui-selecting");
         }
     });   
return;              
          }     
        },

$(".cs").click(function(){
 var numItems = $('.selected').length   
if(numItems < 4) {          
     $(this).toggleClass("selected");   
}   

if(numItems == 4 && $(this).hasClass("selected")) {

    $(this).removeClass("selected"); 
}           

});​