如何使用jquery进行checkall和delete操作

how to checkall and delete using jquery

本文关键字:delete 操作 checkall 进行 何使用 jquery      更新时间:2023-09-26

我使用checkall框来检查所有内容并删除内容。手动选择和删除很好,但我不知道在签入checkall并删除这些项目后检查所有值。有人有主意吗?

   <div class="col-md-10  mail-right-box">
        <div class="mail-options-nav">
            <div class="input-group select-all" >
                                    <span class="input-group-addon disabled">
                                        <input type="checkbox" id="checkAll" <?php if($pagetitle=="Trash") echo "disabled"?>>
                                    </span>
                <div class="input-group-btn">
                    <button type="button" class="btn btn-default dropdown-toggle <?php if($pagetitle=="Trash") echo "disabled"?>" data-toggle="dropdown" tabindex="-1">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Delete</a></li>
                    </ul>
                </div>
            </div><!-- /input-group -->
            <div class="btn-group mail-options">
                <a href="#" class="btn btn-danger <?php if($pagetitle=="Trash") echo "disabled"?>" id="deleteButton"><i class="fa fa-trash-o" ></i> Delete</a>
            </div>
            <div class="mails">
            <table class="table table-hover table-condensed">
                <th></th>
                <th> Subject</th>
                <th>Message</th>
                <th>Email Address</th>
                <th>Date and Time</th>
                <?php
                if(count($inMessages)>0)
                    foreach($inMessages as $m):
                        ?>
                    <!-- php if($m->from!=0 && $m->to!=1): ?> -->
                        <tr class="checkbox1" data-check="<?php echo $m->address?>"  data-to="<?php echo $m->address?>" data-id="<?php echo $m->sn?>" <?php if($m->flag==1) echo "class='"read'""?><?php if($m->flag==0) echo "class='"unread'""?> >
                            <td ><?php if($pagetitle!="Trash"):?><i class="fa fa-check-square-o fa-square-o disabled" data-id="<?php echo $m->sn?>"></i><?php endif?></td>
                            <td class="subject"><?php echo $m->subject?></td>
                            <td class="body"><?php echo $m->message?></td>
                            <td class="">
                                <?php echo $m->address?>
                                <BR/><?php echo $m->io?>
                            </td>
                            <td class="time"><?php echo $m->mdate?> <?php echo $m->mtime?></td>
                        </tr>
                    <!--  endif;?> -->
                    <?php
                    endforeach
                ?>
            </table>
        </div>
    </div><!-- /Right Side mail bar -->

而jquery文件custom.s是:

$('document').ready(function(){
var selectedMessages=[];    
$('.mail-right-box .mail-options-nav .input-group .input-group-addon input').click(function(){
        //alert('active');
        $('.mail-right-box .mails table tr td i').addClass('fa-square-o');
        $('.mail-right-box .mails table tr td i.fa-square-o').removeClass('active');
        //$(this).prop('checked', $(this).prop("true"));
        //$(this).addClass('test');
   /* if (this.checked) {
    }*/
});$('.mail-right-box .mails table tr td i').click(function(){
    $(this).toggleClass('active');      
}); 
$('.mail-right-box .mails table tr td i.fa-square-o').click(function(){
    $(this).toggleClass('fa-square-o');
    $(this).parent().parent().toggleClass('active');
    var active=$(this).parent().parent().hasClass('active');
    var id = $(this).attr('data-id');
    if(active){         
        var i = selectedMessages.indexOf(id);
        if(i==-1)
            selectedMessages.push(id);      
    }
    else{       
        var i = selectedMessages.indexOf(id);
        selectedMessages.splice(i,1);
    }
});
    $('#deleteButton').click(function(e){
    var list='';
    for(var i=0;i<selectedMessages.length;i++){
        list=list+selectedMessages[i];  
        var $tr = $('tr[data-id="'+selectedMessages[i]+'"]');
        $tr.remove();
    }
    $.ajax({
        url: 'test/delete.php',
        type: 'POST',
         data: {"points" : JSON.stringify(selectedMessages)},
        success: function(result) {
            bootbox.alert(result);                                              
        }
    });
});

主要检查内的所有代码

$('.mail-right-box .mail-options-nav .input-group .input-group-addon input').click(function(){ code.

单击删除按钮,您会看到selectedMessages,但在其中找不到任何值。因此,使用map()获取所有选中的复选框

var searchIDs = $(".class_name input:checkbox:checked").map(function(){
  return $(this).val();
}).get(); 
selectedMessages = searchIDs;// values will be in comma saperated.

所以现在你可以继续删除了。但一定要将逗号转换为数组。