jquery实现的全选和删除功能插件
本章节分享一个代码片段,它实现了全选功能,并且能够通过ajax方式删除数据,并没有进行完全的功能演示。
但是也能够基本说明插件的功能了,需要的朋友可以做一下参考。
一.插件代码:
(function($){
$.fn.selectall = function(className) {
$(this).bind('click',function(){
if($(this).attr('checked') == 'checked'){
$(this).attr("checked",false)
$('.'+className).attr('checked',false);
}
else{
$(this).attr('checked','checked');
$('.'+className).attr('checked','checked');
}
});
$('.'+className).bind('click',function(){
if($(this).attr('checked') == 'checked'){
$(this).attr("checked",false);
}
else{
$(this).attr('checked','checked');
}
});
};
$.fn.delselect = function(className,url,fun,unselectfun){
$(this).bind('click',function(){
var selectid = '';
$("."+className).each(function(){
if($(this).attr('checked')=='checked'){
selectid+=$(this).attr('check-value')+',';
}
});
if(selectid){
selectid = selectid.substring(0,selectid.length-1);
$.post(url,{ids:selectid},function(data){
fun(data);
});
}else{
unselectfun();
}
});
};
})(jQuery);
二.代码使用片段:
function DelAlert(data){
if(data == 'error'){
alert("错误~");
}
else if(data=='success'){
alert("成功~");
location.reload();
}
}
//引入jquery,这里后台配合的是thinkphp
$(function(){
//每行的checkbox需要有check-value属性来存放当前行的id
//选中全部,checkAll 为选中全部的checkbox的id selctone 为每一行checkbox的class
$('#checkAll').selectall('selectone');
//删除选中,deleteAll为删除全部按钮的id selectone 为每一行checkbox的class 后台接收参数ids 格式如: 1,2,3
var url = "Home/Role/delall'";
$('#deleteAll').delselect('selectone',url,function(data){
DelAlert(data);
},function(){
layer.msg("没有选中内容",2,0);
});
})
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
jquery实现的通过左右方向键控制翻页效果代码实例
使用左右方向键控制翻页效果也算是一种比较人性化的功能。其实代码也非常的简单,由于这里无法演示,只给出核心的代码片段。应该没有什么难度,需要的朋友可以做一下参考。一.jQury代码如下:$(docum
-
jquery实现的滑动轴效果代码实例
本章节分享一段代码实例,它实现了使用鼠标鼠标拖动元素滑动效果。也就是滑动轴效果,并且能够选取数字,代码实例如下:ut
-
js动态创建文本框代码实例
本章节介绍一下如何动态的创建文本框,代码非常的简单。代码如下: r
-
文本框失去焦点即刻进行表单验证代码实例
大家可能都见过这样的表单验证效果,当填写完当前文本框焦点离开后会立马进行表单验证。下面就通过代码实例介绍一下如何实现此功能。代码如下:
-
javascript定时器函数开始和结束代码实例
本章节分享一段代码实例,它演示了stTimout()定时器函数开始执行和结束效果。代码实例如下: