Выделение всех чекбокс в колонке, с последующим поднятием строки

144
13 ноября 2018, 00:10

Нужно всего лишь, чтоб при нажатии на чекбокс (в наличии или под заказ) в заголовке происходило выделение всех чекбоксов (в наличии или под заказ) в колонке, с последующим поднятием строки. Сейчас к сожалению работает только с чекбоксом в наличии, а под заказ нет.

var $table = $('table.tftable'); 
$table.on('change', '.chk-all', function() { 
  var 
    index = $(this).closest('th').index() + 1, 
    selector = `td:nth-child(${index}) input[type="checkbox"]`, 
    checked = this.checked; 
 
  $table.find(`tr ${selector}`).prop('checked', checked); 
  $table.find('tr').slice(1).detach().sort(function(a, b) { 
    var 
      $a = $(a), 
      $b = $(b), 
      aGreen = $a.find(selector).hasClass('green'), 
      bGreen = $b.find(selector).hasClass('green'), 
      greenDiff = getNumGreenCheckedInRow($b) - getNumGreenCheckedInRow($a); 
 
    return greenDiff 
      ? greenDiff 
      : (bGreen ^ aGreen) 
        ? [1, -1][+(checked ^ bGreen)] 
        : 0; 
     
  }).appendTo($table); 
}); 
 
 
function getNumGreenCheckedInRow($row) { 
  return $row 
    .find('.green') 
    .closest('td') 
    .toArray() 
    .map(n => $(n).index()) 
    .filter(n => $table.find(`tr:eq(0) th:eq(${n}) input:checked`).length).length; 
}

https://jsfiddle.net/5ag2muno/4/

Answer 1

Я сделал для столбца - "Встроенная техника", но принцип, надеюсь, понятен.

https://jsfiddle.net/5ag2muno/15/

READ ALSO
bootstrap выпадающее меню

bootstrap выпадающее меню

С помощью Bootstrap сделал выпадающее меню, но в <li> поставил не ссылки, а input[type=checkbox]Теперь при каждом клике выпадающее меню исчезает

188
Visual Studio ошибка: &ldquo;Нет шабонов по указаному пути&rdquo;

Visual Studio ошибка: “Нет шабонов по указаному пути”

Всем привет, имеется веб приложение, которое использует DLL библиотеки и вот мне понадобилось в них (в DLL ках) кое-что дописать, значит, открыл...

187
RayCast по Sprites

RayCast по Sprites

В проекте есть некий код для определения слоев

170