财神道app下载最新版本-财神到购彩大厅(彩世界)

热门关键词: 财神道app下载最新版本,财神到购彩大厅

jQuery实现列表的全选功能,jquery列表全选财神到

帮客评论

jQuery实现列表的全选功能,jquery列表全选

只需要几行代码就可以实现列表的全选功能,并且可以配合post请求执行后台的删除程序

js

复制代码 代码如下:
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);
        });
    })

jquery.selectall.js

复制代码 代码如下:
(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 );

以上所述就是本文的全部内容了,希望大家能够喜欢。

只需要几行代码就可以实现列表的全选功能,并且可以配合post请求执行后台的删除程序 js 复制代...

jQuery实现列表的全选功能

 本文给大家分享的是使用jquery实现的全选删除插件的代码,非常的实用,本文示例是结合的ThinkPHP,小伙伴们可以自由扩展。

 

 

只需要几行代码就可以实现列表的全选功能,并且可以配合post请求执行后台的删除程序

js

 

代码如下:

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);
});
})

 

jquery.selectall.js

 

代码如下:

(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 );

 

以上所述就是本文的全部内容了,希望大家能够喜欢。

本文给大家分享的是使用jquery实现的全选删除插件的代码,非常的实用,本文示例是结合的ThinkPHP,小伙伴们可以自...

相关文章

相关搜索:

今天看啥

搜索技术库

返回首页

  • php数组随机排序实现方法
  • IDisposable接口
  • Java与微信不得不说的故事——实现微信公众
  • 【python学习笔记01】python的数据类型,python学
  • SVG绘图(二) —— 渲染满天星辰,svg满天
  • 基于jQuery图片元素网格布局插件,jquery网格布

相关频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程  

本文由财神道app下载最新版本发布于web前端,转载请注明出处:jQuery实现列表的全选功能,jquery列表全选财神到