复选框上的 Jquery 搜索建议答案

【问题标题】：Jquery Search Suggestion On Checkbox复选框上的 Jquery 搜索建议
【发布时间】：2016-12-09 00:59:40
【问题描述】：

我只是 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";

              }
    }
 }

我有这段代码可以打印出从 php 到 HTML 的复选框

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

如果我搜索，它会显示this 如果我什么都不搜索，它会显示this

感谢您的帮助:)

【问题讨论】：

您没有关闭 php.ini 中的 value 标签。不要使用\"，而是在html标签中使用'。
你也隐藏了标签而不是复选框。将它们全部放入span。
感谢您的帮助:)

标签： javascript php jquery checkbox

【解决方案1】：

我已经解决了这个问题。我基本上用 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>";

这适用于 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";

    }
}
}

【讨论】：