关闭

简单使用JQ代码 实现全选 反选 全不选 批删

标签: jq
152人阅读 评论(0) 收藏 举报
<html>
<table class="table">     <tr>         <td>选择</td>         <td>ID</td>         <td>NAME</td>         <td>SEX</td>         <td>AGE</td>         <td>TEL</td>         <td>操作</td>         <td>查看</td>     </tr>     <tbody class="tbo1">     <?php foreach($data as $key=>$val):?>     <tr>         <td><input type="checkbox" value="<?=$val['s_id']?>" class="c_box"></td>         <td><?=$val['s_id']?></td>         <td><?=$val['s_name']?></td>         <td><?=$val['s_sex']?></td>         <td><?=$val['s_age']?></td>         <td><?=$val['s_tel']?></td>         <td><a href="">操作</a></td>         <td><a href="?r=students/select&s_id=<?=$val['s_id']?>">查看</a></td>     </tr>     <?php endforeach;?>     </tbody> </table> <button class="all">全选</button> <button class="nall">反选</button> <button class="no_all">取消</button> <button class="delete">删除</button>
</html>
JQ代码``````````````````````````````````````````````
//反选 $(document).delegate('.doAll','click',function () {     $('.cbox').each(function () {         $(this).prop('checked',!$(this).prop('checked'));     }) })
//全选
$(document).delegate('.onAll','click',function () {     $('.cbox').each(function () {         $(this).prop('checked',true);     })
})
//全不选 $(document).delegate('.noAll','click',function () {     $('.cbox').each(function () {         $(this).prop('checked',false);     }) }) //批删 $(document).delegate('.delAll','click',function () {     $('.cbox').each(function () {         if ($(this).prop('checked')){             _ids $(this).val();             del(_ids,$(this))         }     }) }) function del(ids,obj) {     $.post('?r=students/getdel',{ids:ids},function (success) {         if (success == 1){             obj.parents('tr').remove();         }else {             alert('删除失败')         }     })
}
//单删 $('.oneDel').click(function () {         _id $(this).attr('id')         del(_id,$(this)) })
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:10733次
    • 积分:220
    • 等级:
    • 排名:千里之外
    • 原创:10篇
    • 转载:8篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档