2016-12-09 5 views
1

私はjqueryの初心者です。私はチェックボックスの検索提案をしたい。Jquery Search Suggestion On Checkbox

私はそれ、私が検索した場合、PHPからHTML

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

にあるチェックボックスをプリントアウトし、コードのこの部分を持っているラベル

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

       } 
    } 
} 

に基づいて検索を示唆しているコードのこの部分を持っています表示this 何も検索しなければ、それは表示されますthis

あなたの助けを借りて:

+0

ため

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

そして、これです。 – Phiter

+0

また、ラベルは隠していますが、チェックボックスは隠しています。すべてを「スパン」の中に入れてください。 – Phiter

+0

ありがとうございました:) – Zirc

答えて

0

私はこの問題を修正しました。私は基本的にすべてをpで囲み、pに影響を与えるように私のcssを編集しました。

これは、あなたのPHPで[値]タグを閉じていない新しいコードの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"; 

    } 
} 
} 
関連する問題