我有一个搜索筛选器和一个复选框筛选器,它可以单独工作。例如,如果我选中一个类别,它将进行过滤,但如果我在搜索框中输入文本,则类别过滤器将消失,就像它重新设置所有过滤器一样。正如我所说的,它们单独工作:(
这是我的javascript
var input, filter, found, table, tr, td, i, j;
function myFunction() {
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td");
for (j = 0; j < td.length; j++) {
if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
found = true;
}
}
if (found) {
tr[i].style.display = "";
found = false;
} else {
if (tr[i].id !== 'tableHeader'){tr[i].style.display = "none";}
}
}
}
$(function() {
$('input[type="checkbox"]').change(function() {
if($('input[type="checkbox"]:checked').length > 0) {
var vals = $('input[type="checkbox"]:checked').map(function() {
return this.value;
}).get();
$('#myTable tr')
.hide() // 1
.filter(function() { // 2
$('#tableHeader').show();
return vals.indexOf($(this).find('td:eq(4)').text()) > -1;
}).show();
} else {
// Show all
$('#myTable tr').show();
}
});
});
https://stackoverflow.com/questions/52632153
复制相似问题