Question

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

我想做以下事情：

选中该复选框后，即使它不在过滤字段的搜索字词中，它也会保持可见。
选中该复选框后，背景颜色会发生变化。
复选框和复选框的标题保存在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);
    }

   });
});

Answer 1

这不是解决问题的方法，而是关于html上下文中php使用的建议：

<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自动完成和代码分析。

选中时更改包含复选框属性的div

1 个答案: