在选项选择上，显示/隐藏表行并排序

Question

此代码块验证是否检查了所有代码。 我正在寻找一种方法来检查是否至少检查了其中一个代码。

function containsAny(needles, haystack){ 
  for(var i = 0 , len = needles.length; i < len; i++){
    if($.inArray(needles[i], haystack) == -1) return true;
  }
  return false;
}

我在这里有一个完整的工作示例： http : //jsfiddle.net/v7wt5eop/

如何看这种行为：

1. 在选择框中单击全部取消选择
2. 检查A
3. 该表的第2行和第3行应该不褪色，因为A是代码之一

并且具有row-disabled的类的row-disabled应位于表的末尾。 我正在使用Bootstrap Sortable ，但无法弄清楚该怎么做。 因此，每当我在选择框中单击一个选项时，都应该对表重新排序。

Answer 1

您的功能containsAny应该

function containsAny(needles, haystack){ 
  for(var i = 0 , len = needles.length; i < len; i++){
    if($.inArray(needles[i], haystack) != -1) return false;
  }
  return true;
}

每次您选中/取消选中时进行排序

$('.selectpicker').on('change', function() {
  var list = [];
  $('.selectpicker :selected').each(function(i, selected) {
    //Removed the irrelevant codes
  });

  $('.CodeCheck').each(function() {
    //Removed the irrelevant codes
  });

  el = $(".table tbody tr.row-disabled:first-child");
  $(".table tbody tr").not(".row-disabled").each(function() {
    $(this).insertBefore(el);
  });
});