簡體   English   中英

在選項選擇上,顯示/隱藏表行並排序

[英]on option select, show/hide table row and sort

此代碼塊驗證是否檢查了所有代碼。 我正在尋找一種方法來檢查是否至少檢查了其中一個代碼。

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 ,但無法弄清楚該怎么做。 因此,每當我在選擇框中單擊一個選項時,都應該對表重新排序。

您的功能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);
  });
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM