Filtre de recherche avec checkbox
Bonjour tout le monde,
Voila j'ai un soucis, j'ai fait un filtre de recherche dynamique qui fonctionne partiellement ainsi que des checkbox pour "tout séléctionner" qui elles fonctionnent mais lorsque que j'applique le filtre et que je veux tout séléctionner parmis ce qui est affiché avec le filtre et bien ça séléctionne toute ma page avec les checkbox avant le filtre mis en place.
hors j'aimerais que lorsque le filtre est en marche et bien ca séléctionne que les lignes affichées.
J'utilise du php et javascript pour le filtre et les checkbox.
Mes données viennent d'une base de donnée.
J'ai mes valeurs qui viennent d'une base de données mais que je choisis avant d'arriver sur ma page où je peux chercher le filtre et séléctionner.
Le tout est sur une page en php qui s'autogénére en fonction de la date choisie sur la page précédente
je vous met mon code de filtre et de checkbox.
Merci d'avance pour votre aide!
Select all
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <script type="text/javascript">
$(document).ready(function(){
$('#select_all2').on('click',function(){
if(this.checked){
$('.checkbox2').each(function(){
this.checked = true;
});
}else{
$('.checkbox2').each(function(){
this.checked = false;
});
}
});
$('.checkbox2').on('click',function(){
if($('.checkbox2:checked').length == $('.checkbox2').length){
$('#select_all2').prop('checked',true);
}else{
$('#select_all2').prop('checked',false);
}
});
}); |
filtre
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <html><center><input type="text" id="myInput" onkeyup="myFunction()" placeholder="recherche ligne.." ></center></html>
<script>
function myFunction() {
var input, filter, table, tr, td, i, txtValue;
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")[2];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script> |
