选项选择,显示/隐藏表格行和排序

时间:2017-05-02 13:52:59

标签: javascript jquery events bootstrap-sortable

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

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 是其中一个代码
  4. row-disabled的行应位于表的末尾。我正在使用Bootstrap Sortable,但无法弄清楚如何做到这一点。所以每当我点击选择框中的一个选项时,它应该重新排序表。

1 个答案:

答案 0 :(得分:0)

您的函数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);
  });
});