如何使用jquery进行checkall和delete操作
how to checkall and delete using jquery
我使用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.
所以现在你可以继续删除了。但一定要将逗号转换为数组。
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 如何确定javascript已经完成了某些操作.ios上的
- delete关键字在全局变量上的不同行为
- 防止Alt+Shift默认操作或检测多种操作系统语言的Javascript
- 从JavaScript访问struts操作中的属性
- fluxxor向一个flux实例添加一组以上的操作
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- delete在Object上效率低下,但在DOM Element's的数据属性,与null out相比
- 操作放置在画布上的元素之间的连接
- 使用“+="操作人员
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- Jquery未定义函数正在停止其他操作
- 如何操作iframe之外的元素
- javascript对象操作:根据指定条件选择属性
- jQuery:暂停按钮可以暂停所有其他操作
- 对实例本身的delete操作与对创建它的构造函数的delete操作
- 如何使用jquery进行checkall和delete操作
- Rails 4 - jtree,如何禁用'delete'文件夹的操作
- 在通过angular $resource成功执行HTTP DELETE操作后,避免使用HTTP GET