变化格属性

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

将会产生一个从DATABSE输入复选框

<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); 
    } 

    }); 
}); 

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