欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實(shí)現(xiàn)列表的全選功能

 更新時(shí)間:2015年03月18日 11:20:47   投稿:hebedich  
本文給大家分享的是使用jquery實(shí)現(xiàn)的全選刪除插件的代碼,非常的實(shí)用,本文示例是結(jié)合的ThinkPHP,小伙伴們可以自由擴(kuò)展。

只需要幾行代碼就可以實(shí)現(xiàn)列表的全選功能,并且可以配合post請(qǐng)求執(zhí)行后臺(tái)的刪除程序

js

復(fù)制代碼 代碼如下:

function DelAlert(data)
    {
        if(data == 'error')
        {
            alert("錯(cuò)誤~");
        }
        else if(data == 'success')
        {
            alert("成功~");
            location.reload();
        }
    }
    //引入jquery,這里后臺(tái)配合的是thinkphp
    $(function(){
        //每行的checkbox需要有check-value屬性來存放當(dāng)前行的id
        //選中全部,checkAll 為選中全部的checkbox的id selctone 為每一行checkbox的class
        $('#checkAll').selectall('selectone');
        //刪除選中,deleteAll為刪除全部按鈕的id  selectone 為每一行checkbox的class 后臺(tái)接收參數(shù)ids 格式如: 1,2,3
        var url = "Home/Role/delall'";
        $('#deleteAll').delselect('selectone',url,function(data){
            DelAlert(data);
        },function(){
            layer.msg("沒有選中內(nèi)容",2,0);
        });
    })

jquery.selectall.js

復(fù)制代碼 代碼如下:

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

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

相關(guān)文章

  • 超級(jí)簡單的jquery操作表格方法

    超級(jí)簡單的jquery操作表格方法

    這篇文章主要介紹了超級(jí)簡單的jquery操作表格方法,可實(shí)現(xiàn)針對(duì)表格行與列的增加及刪除操作,是非常實(shí)用的技巧,需要的朋友可以參考下
    2014-12-12
  • jQuery擦除插件eraser使用方法詳解

    jQuery擦除插件eraser使用方法詳解

    這篇文章主要為大家詳細(xì)介紹了jQuery擦除插件eraser的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • jQuery中:reset選擇器用法實(shí)例

    jQuery中:reset選擇器用法實(shí)例

    這篇文章主要介紹了jQuery中:reset選擇器用法,實(shí)例分析了:reset選擇器的功能、定義及匹配重置按鈕的使用技巧,需要的朋友可以參考下
    2015-01-01
  • 基于jquery的動(dòng)態(tài)創(chuàng)建表格的插件

    基于jquery的動(dòng)態(tài)創(chuàng)建表格的插件

    工作快一年了,最近學(xué)習(xí)jquery,對(duì)jquery很感興趣。第一次寫博客,有不足之處還請(qǐng)各位拍磚。
    2011-04-04
  • jQuery輪播圖實(shí)例詳解

    jQuery輪播圖實(shí)例詳解

    這篇文章主要為大家詳細(xì)介紹了jQuery輪播圖的實(shí)例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-08-08
  • jQuery+Ajax實(shí)現(xiàn)無刷新分頁

    jQuery+Ajax實(shí)現(xiàn)無刷新分頁

    這篇文章主要介紹了jQuery+Ajax實(shí)現(xiàn)無刷新分頁,本文使用的生成分頁的工具條是jquery.pagination.js,感興趣的小伙伴們可以參考一下
    2015-10-10
  • jquery使用remove()方法刪除指定class子元素

    jquery使用remove()方法刪除指定class子元素

    這篇文章主要介紹了jquery使用remove()方法刪除指定class子元素的方法,可實(shí)現(xiàn)刪除指定元素下指定class的子元素功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • jQuery獲取樣式中的背景顏色屬性值/顏色值

    jQuery獲取樣式中的背景顏色屬性值/顏色值

    天使用jQuery獲取樣式中的background-color的值時(shí)發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣,IE中是以HEX格式顯示#ffff00,而Chrome、Firefox中則是以GRB格式顯示rgb(255,0,0),由于需要將顏色值存儲(chǔ)到數(shù)據(jù)庫中,所以想讓顏色值的格式統(tǒng)一下(其實(shí)不統(tǒng)一也是可以存的)。搜索了一下,從國外的一個(gè)網(wǎng)站上得到一段代碼
    2012-12-12
  • 一個(gè)簡單的動(dòng)態(tài)加載js和css的jquery代碼

    一個(gè)簡單的動(dòng)態(tài)加載js和css的jquery代碼

    動(dòng)態(tài)加載js和css的jquery,可用于在生成頁面時(shí)通過js函數(shù)加載一些共通的js和css文件,需要的朋友可以參考下
    2014-09-09
  • jQuery實(shí)現(xiàn)的簡單動(dòng)態(tài)添加、刪除表格功能示例

    jQuery實(shí)現(xiàn)的簡單動(dòng)態(tài)添加、刪除表格功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡單動(dòng)態(tài)添加、刪除表格功能,涉及jQuery事件響應(yīng)及表格元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-09-09

最新評(píng)論