Javascript 复选框上的Jquery搜索建议

我只是jquery的初学者。我想为复选框提供搜索建议

我有一段代码，建议根据标签进行搜索

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";

              }
    }
 }

function studentFunction（）{
var输入、过滤器、表格、标签、a、i；
输入=document.getElementById（“studentInput”）；
filter=input.value.toUpperCase（）；
form=document.getElementById（“studentUL”）；
label=form.getElementsByTagName（“标签”）；
对于（i=0；i-1）{
标签[i].style.display=“”；
}否则{
标签[i]。style.display=“无”；
}
}
}

我有一段代码将复选框从php打印到HTML

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

echo”
如果我不搜索任何内容，它将显示

谢谢你的帮助：）
我已经解决了这个问题。我基本上把所有东西都用p括起来，并编辑了我的css以对p产生影响

这是新代码

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

echo“{$row['LName']}，{$row['FName']}，{$row['Year']}
”；

这是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";

    }
}
}

function studentFunction（）{
var输入、过滤器、表格、p、a、i；
输入=document.getElementById（“studentInput”）；
filter=input.value.toUpperCase（）；
form=document.getElementById（“studentUL”）；
p=form.getElementsByTagName（“p”）；
对于（i=0；i-1）{
p[i].style.display=“”；
}否则{
p[i].style.display=“无”；
}
}
}
我已经解决了这个问题。我基本上用p括起了所有内容，并编辑了css以对p产生影响

这是新代码

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

echo“{$row['LName']}，{$row['FName']}，{$row['Year']}
”；

这是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";

    }
}
}

function studentFunction（）{
var输入、过滤器、表格、p、a、i；
输入=document.getElementById（“studentInput”）；
filter=input.value.toUpperCase（）；
form=document.getElementById（“studentUL”）；
p=form.getElementsByTagName（“p”）；
对于（i=0；i-1）{
p[i].style.display=“”；
}否则{
p[i].style.display=“无”；
}
}
}
您没有关闭php中的
值
标记。在html标记中使用
“
，而不是使用
”
。此外，您还隐藏了标签，而不是复选框。将它们全部放在
span
中。感谢您的帮助：）您没有关闭php中的
value
标记。在html标记中使用
“
”

，而不是使用

”

。此外，您还隐藏了标签，但没有隐藏复选框。请将所有标签都放在

span

中。感谢您的帮助：）