Jquery Suggestion de recherche sur Checkbox

Question

Je suis juste un débutant dans jquery. Je veux faire une suggestion de recherche pour la case à cocher.

J'ai ce morceau de code qui suggère des recherches basées sur les étiquettes

function studentFunction() { 
    var input, filter, form, label, a, i; 
    input = document.getElementById("studentInput"); 
    filter = input.value.toUpperCase(); 
    form = document.getElementById("studentUL"); 
    label = form.getElementsByTagName("label"); 
    for (i = 0; i < label.length; i++) { 
     a = label[i].getElementsByTagName("a")[0]; 
     if (a.innerHTML.toUpperCase().indexOf(filter) > -1) { 
      label[i].style.display = ""; 
     } else { 
      label[i].style.display = "none"; 

       } 
    } 
} 

J'ai ce morceau de code qui imprime la case de php en HTML

echo"<input type=\"checkbox\" name=\"check_list[]\" value=\"{$row['UserIndex']} class=\"studentUL\"\"><label><a>{$row['LName']}, {$row['FName']}, {$row['Year']}</a></label>"; 

Si je recherche, il affiche this Si je ne cherche rien, il affiche this

Merci pour votre aide :)

Answer 1

J'ai résolu le problème. J'ai essentiellement tout inclus avec p, et édité mon css pour avoir un effet sur p.

Voici le nouveau code

 echo"<p><a><input type=\"checkbox\" name=\"check_list[]\" value=\"{$row['UserIndex']} class=\"studentUL\"\"><label>{$row['LName']}, {$row['FName']}, {$row['Year']}</a></label></p>"; 

Et cela pour la Jquery

function studentFunction() { 
var input, filter, form, p, a, i; 
input = document.getElementById("studentInput"); 
filter = input.value.toUpperCase(); 
form = document.getElementById("studentUL"); 
p = form.getElementsByTagName("p"); 
for (i = 0; i < p.length; i++) { 
    a = p[i].getElementsByTagName("a")[0]; 
    if (a.innerHTML.toUpperCase().indexOf(filter) > -1) { 
     p[i].style.display = ""; 
    } else { 
     p[i].style.display = "none"; 

    } 
} 
}