Javascript 用于搜索表中项目的Ajax oncheck事件

修改搜索

<div class="highlight_2"> <a href="#" rel="toggle[inox]" data-openimage="images/collapse2.jpg" data-closedimage="images/expand2.jpg"><img src="images/collapse2.jpg" width="151" height="28" border="0" /></a>
                  <div id="inox">
<input type="checkbox" value="kar_kar" />kar and kar <br />
<input type="checkbox" value="bala_bala" />bala and bala  <br />
<input type="checkbox" value="jena_jena" />jena and jena <br />
<input type="checkbox" value="senapati" />senapati <br />
<input type="checkbox" value="sarangi_sarangi" />sarangi and sarangi <br />
<input type="checkbox" value="sairam" />sairam <br />
<input type="checkbox" value="madhumita" />madhumita <br />
                     <div class="clear"></div>
                  </div>

卡尔和卡尔

巴拉和巴拉

耶拿和耶拿

塞纳帕蒂

萨兰吉和萨兰吉

赛拉姆

马杜米塔

搜索表

 <tr>
<td>Sl No.</td>
<td>Bus Operator</td>
<td>Bus No.    </td>
<td>Departure Time</td>
<td>Arrival time</td>
</tr>
<?php
 $count=0;
$s=mysql_query("SELECT * FROM  bus_detail where source_point='$_SESSION[source_point]' && destination_point='$_SESSION[destination]'");
while($row=mysql_fetch_array($s))
{
$count+=1;
?>

 <tr>
 <td><?php echo $count; ?></td>
<td><input name="bus_name" type="text" value="<?php echo $row['bus_name'];?>" class="input_box" />  </td>
<td><?php echo $row['bus_no'];?></td>
   <td><?php echo $row['departure_time'];?></td>
<td><?php echo $row['arrival_time'];?></td>
</tr>
<?php }?>

Sl号。
公共汽车司机
巴士号。
出发时间
到达时间
对不起，我没听懂你的问题。我认为当用户选择list时，您希望隐藏/显示html表行。如果这是你所看到的，请按下面的代码检查

注意：您可以调整此代码以获得更好的性能和结果

小提琴：

$（“#inox输入[type='checkbox']”）。live（'click'，函数（）{
//在数组中存储检查值
var cv=[]；
$（“#inox输入[type='checkbox']：选中”）。每个（函数（）{
cv.push（$（this.val（））；
});
//默认情况下显示/隐藏行
如果（CV.Load使用jQuery点击事件，点击点击发送Ajax请求到你的脚本，数据库工作并返回结果，你可以给我写代码PLZZZ @ SRavISIS，如果你需要我完成你的家庭作业，考虑雇佣我：-）首先你帮我进入这个位置，写我的代码，当然我会；…但是现在，请你…这将是一个很大的帮助…plzhello sarmistha！！你可以像这样发布你表中的列吗..但是我想根据复选框列表中的用户名进行搜索我已经向你发送了我的问题..敬请看Live已被弃用。请改用on（'click'，func..代替
$("#inox input[type='checkbox']").live('click', function () {

    // STORE CHECKED VALUED IN ARRAY
    var cv = [];
    $("#inox input[type='checkbox']:checked").each(function () {
        cv.push($(this).val());
    });

    // SHOW / HIDE ROWS BY DEFAULT
    if(cv.length <= 0) {
        $("#mytab tbody").find("tr").show();
    } else {
        $("#mytab tbody").find("tr").hide();

    var rows = $("#mytab tbody").find("tr");
    var data = $(this).val();

    // LOOP THROUGH AND SHOW ONLY CHECKED ROWS
    rows.each(function (i, v) {
        for (var n=0; n<cv.length; n++) {

            var check = $(v).find('td').filter(":contains('" + cv[n] + "')");
            check.parent('tr').show();
        }

    });

   }


});