1

これは、フィルター検索フィールドを可能にする私の JavaScript です ...

function escape4regex(text)
{
  return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
}

function searchRegExFieldKeyUp()
{
    var table = document.getElementById('ModelFilter');
    var cells = table.getElementsByTagName('div');
    var searchterms = escape4regex(this.value);

    var regVar = '(?=.*' + searchterms.replace(/\s/g, '.*)(?=.*') + '.*)';
    var i=cells.length;
    while (i--)
    {
       var cell = cells[i];

       var rowStr = cell.innerHTML;
       // remove all tags
      rowStr = rowStr.replace(/<(?:.|\n)*?>/gm, '').replace(/\n|\s{2,}/gm, ' '); // searches  whole row 

      var regex = new RegExp(regVar,"gi");
      var result = (regex.test(rowStr));

     if(result)
     {
        cell.style.display = "";// check if compat with IE
     }
     else
     {
       cell.style.display = "none";
     }
   }
}

これにより、データベース入力からチェックボックスが作成されます

<div id="ModelFilter">
<?php 
while ($row = mysqli_fetch_assoc($result))
{
    echo"<div class=\"modelfilter_td\" id=\"modelfilter_td\">";
        echo"<input type=\"checkbox\" id = \"$row[ModelID]\" 
            name = \"selectedModels[]\"value =\"$row[Model]\" onclick=\"chkcontrol.apply(this);\">";
        echo "$row[Model]";
    echo"</div>";
}
echo"</div>";

私は次のことをしたい：

  1. チェックボックスをオンにすると、フィルター フィールドの検索用語に含まれていなくても、表示されたままになります。

  2. チェックボックスをオンにすると、背景色が変更されます。

  3. チェックボックスとチェックボックスのタイトルがdiv内に保持されているため、ユーザーがdiv内の任意の場所をクリックしてチェックボックスを切り替えられるようにしたいと考えています。

誰かがこれで私を正しい軌道に乗せ始めますか?

編集: これが問題「3」の解決策です。

<script language="javascript">
$(document).ready(function(){
$(".modelfilter_td").click(function(e){
    var chk = $($(this).find("input[type='checkbox']"));
    if(chk.attr('checked'))
    {
        chk.attr('checked',false);
    }else{
        chk.attr('checked',true);
    }

   });
});

4

1 に答える 1

0

これは問題の解決策ではありませんが、html コンテキストでの php-usage に関する推奨事項です。

<div id="ModelFilter">
    <?php while ($row = mysqli_fetch_assoc($result)): ?>
    <div class="modelfilter_td" id="modelfilter_td">
        <input  
            type="checkbox"
            id="<?php echo $row['ModelID'] ?>" 
            name="selectedModels[]"
            value="<?php echo $row['Model'] ?>"
            onclick="chkcontrol.apply(this);"
        >
        <?php echo $row['Model'] ?>
    </div>
    <?php endwhile ?>
</div>

これにより、ほとんどの IDE で HTML オートコンプリートとコード分析を処理できます。

于 2012-07-06T08:23:16.967 に答える