Нужно всего лишь, чтоб при нажатии на чекбокс (в наличии или под заказ) в заголовке происходило выделение всех чекбоксов (в наличии или под заказ) в колонке, с последующим поднятием строки. Сейчас к сожалению работает только с чекбоксом в наличии, а под заказ нет.
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/
Я сделал для столбца - "Встроенная техника"
, но принцип, надеюсь, понятен.
https://jsfiddle.net/5ag2muno/15/
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
С помощью Bootstrap сделал выпадающее меню, но в <li> поставил не ссылки, а input[type=checkbox]Теперь при каждом клике выпадающее меню исчезает
Всем привет, имеется веб приложение, которое использует DLL библиотеки и вот мне понадобилось в них (в DLL ках) кое-что дописать, значит, открыл...