开关滑动 小插件 ajax php 微调过的

最新推荐文章于 2021-04-14 23:07:59 发布
最新推荐文章于 2021-04-14 23:07:59 发布
阅读量342 收藏
点赞数
分类专栏： JavaScript Ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JXL9910/article/details/81144289
版权

这里写图片描述

这里写图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>{$page_title} 触屏版</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
/*  关于input按钮的css下载位置 下面有 下载 地址  */
<link href="{$ectouch_themes}/images/touch-icon.png" rel="apple-touch-icon-precomposed" />
<link href="{$ectouch_themes}/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="{$ectouch_themes}/ectouch.css" rel="stylesheet" type="text/css" />


<script src="{$ectouch_themes}/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css" media="screen">
.checkbox{margin-top: 2.5%;}
.box{width:100%;line-height:60px;text-align:left;background-color:#fff;border-bottom:1px solid #c8c8c8;}
.box_list{background-color:#fff;color:#646464;font-size:20px;width:95%;height:50px;margin-left:5%;}
.btn_tj{position: fixed; bottom: 0px;width: 100%;height: 60px;background-color: #ec5151;border:none; font-size: 1.2rem;color:#fff;}
/* input 开关按钮开始 */
.testswitch {position: relative;float:left;width:45px;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.testswitch-checkbox {display: none;}
.testswitch-label{display: block;overflow:hidden;cursor:pointer;border:0px solid #999999;border-radius: 20px; margin-top: 11px;}
.testswitch-inner{display: block; width: 200%; margin-left: -100%; transition: margin 0.1s ease-in 0s;}
.testswitch-inner::before, .testswitch-inner::after{display:block; float:right; width:50%; height:22px; padding:0; line-height: 30px; font-size: 0px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box;}
.testswitch-inner::after{content: attr(data-on); padding-left: 10px; background-color: #00a600; color: #FFFFFF;}
.testswitch-inner::before{content: attr(data-off); padding-right: 10px; background-color: #939292; color: #999999; text-align: right;}
.testswitch-switch{position: absolute; display: block; width: 16px; height: 16px; margin: 3px; background: #FFFFFF; /* top: 0; */ bottom: 0; right: 23px; border: 0px solid #999999; border-radius: 20px; transition: all 0.1s ease-in 0s;}
.testswitch-checkbox:checked + .testswitch-label .testswitch-inner{margin-left: 0;}
.testswitch-checkbox:checked + .testswitch-label .testswitch-switch{right: 0px;}
/* input 开关按钮结束 就这么点css */
</style>
<body>

    <header id="header">
      <div class="header_l header_return"> <a class="ico_10" href="user.php?u={$u}"> 返回 </a> </div>
      <h1> 权限管理 </h1>
    </header>

    <form action="phone_system.php?act=a" method="post" enctype="multipart/form-data">
        <section class="container-full set-list mb10">
            <!-- 查看权开始 -->
                <div class="box">
                    <span class="box_list">
                        工厂客户查看权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.0.gc_show eq gc_show} checked {else} {/if} id="gcShow" />
                            <label class="testswitch-label" id="gcCha" for="gcShow">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>  
                </div>

                <div class="box">
                    <span class="box_list">
                        供应商客户查看权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.1.gys_show eq gys_show} checked {else} {/if} id="gysShow" />
                            <label class="testswitch-label" id="gysCha" for="gysShow">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>

                </div>
                <div class="box">

                    <span class="box_list">
                        终端客户查看权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.2.zd_show eq zd_show} checked {else} {/if} id="zdShow" />
                            <label class="testswitch-label" id="zdCha" for="zdShow">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>

                </div>

            <!-- 修改权开始 -->
                <div class="box">
                    <span class="box_list">
                        工厂客户资料修改权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.3.gc_update eq gc_update} checked {else} {/if} id="gcUpdate" />
                            <label class="testswitch-label" id="gcXiu" for="gcUpdate">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

                <div class="box">
                    <span class="box_list">
                        供应商客户资料修改权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.4.gys_update eq gys_update} checked {else} {/if} id="gysUpdate" />
                            <label class="testswitch-label" id="gysXiu" for="gysUpdate">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

                <div class="box">
                    <span class="box_list">
                        终端客户资料修改权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.5.zd_update eq zd_update} checked {else} {/if} id="zdUpdate" />
                            <label class="testswitch-label" id="zdXiu" for="zdUpdate">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

            <!-- 认证权开始 -->
                <div class="box">
                    <span class="box_list">
                        工厂客户认证权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.6.gc_auth eq gc_auth} checked {else} {/if} id="gcAuth" />
                            <label class="testswitch-label" id="gcRen" for="gcAuth">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

                <div class="box">
                    <span class="box_list">
                        供应商客户认证权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.7.gys_auth eq gys_auth} checked {else} {/if} id="gysAuth" />
                            <label class="testswitch-label" id="gysRen" for="gysAuth">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

                <div class="box">
                    <span class="box_list">
                        终端客户认证权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.8.zd_auth eq zd_auth} checked {else} {/if} id="zdAuth" />
                            <label class="testswitch-label" id="zdRen" for="zdAuth">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

            <!-- 删除权开始 -->
                <div class="box">

                    <span class="box_list">
                        工厂客户删除权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.9.gc_del eq gc_del} checked {else} {/if} id="gcDel" />
                            <label class="testswitch-label" id="gcShan" for="gcDel">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

                <div class="box">
                    <span class="box_list">
                        供应商客户删除权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.10.gys_del eq gys_del} checked {else} {/if} id="gysDel" />
                            <label class="testswitch-label" id="gysShan" for="gysDel">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

                <div class="box">
                    <span class="box_list">
                        终端客户删除权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.11.zd_del eq zd_del} checked {else} {/if} id="zdDel" />
                            <label class="testswitch-label" id="zdShan" for="zdDel">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>


                <div class="box">
                    <span class="box_list">
                        客户录入权
                    </span>
                    <div class="checkbox" style="display: inline-block;margin-right: 5%;float: right;">
                        <!-- input 按钮开始 -->
                        <div class="testswitch">
                            <input class="testswitch-checkbox" type="checkbox" {if $res.12.kh_record eq kh_record} checked {else} {/if} id="khRecord" />
                            <label class="testswitch-label" id="khLu" for="khRecord">
                                <span class="testswitch-inner" id="test" data-on="ON" data-off="OFF"></span>
                                <span class="testswitch-switch"></span>
                            </label>
                        </div>
                        <!-- input 按钮结束 -->
                    </div>
                </div>

            <!-- 当前被设置的管理员id -->
            <input type="hidden" id="ac_id" ac_id="{$id}">
            <!-- 当前被设置的管理员gs编号 -->
            <input type="hidden" id="ac_num" ac_num="{$num}">
        </section>

        <!-- <input type="hidden" name="act" value="addClientInfo"> -->
    </form>
</body>


<script>
$(function(){

    // 查看权开始
        // 工厂--------------------------
        $('#gcCha').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gcShow").prop("checked");
            // console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('工厂查看已选中');
                // 执行ajax 请求 
                gcShow(ac_id,ac_num);

            }else{
                console.log('工厂查看已取消');
                // 删除该权限节点
                gcShowDel(ac_id,ac_num);
            }

        })

        // 新增工厂查看权
        function gcShow(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcShow',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
                // error: function (XMLResponse) {
                //     alert("错误信息：" + XMLResponse.responseText);
                // }
            })
        }
        // 删除工厂查看权
        function gcShowDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcShowDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }


        // 供应商-------------------------
        $('#gysCha').click(function(){
            var cst  = $("#gysShow").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('供应商查看已选中');
                gysShow(ac_id,ac_num);

            }else{
                console.log('供应商查看已取消');
                gysShowDel(ac_id,ac_num);
            }

        })

        // 新增 供应商 查看权
        function gysShow(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysShow',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
                // error: function (XMLResponse) {
                //     alert("错误信息：" + XMLResponse.responseText);
                // }
            })
        }
        // 删除 供应商 查看权
        function gysShowDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysShowDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }



        // 终端 -----------------------------------
        $('#zdCha').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#zdShow").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('终端查看已选中');
                zdShow(ac_id,ac_num);
            }else{
                console.log('终端查看已取消');
                zdShowDel(ac_id,ac_num);
            }

        })
        // 新增 
        function zdShow(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdShow',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }
        // 删除 
        function zdShowDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdShowDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }       


    // 修改权开始
        // 工厂-------------------------------------
        $('#gcXiu').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gcUpdate").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('工厂修改已选中');
                gcUpdate(ac_id,ac_num);
            }else{
                console.log('工厂修改已取消');
                gcUpdateDel(ac_id,ac_num);
            }

        })
        // 新增 
        function gcUpdate(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcUpdate',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }
        // 删除 
        function gcUpdateDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcUpdateDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }   

        // 供应商----------------------------------
        $('#gysXiu').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gysUpdate").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('供应商修改已选中');
                gysUpdate(ac_id,ac_num);
            }else{
                console.log('供应商修改已取消');
                gysUpdateDel(ac_id,ac_num);
            }

        })
        // 新增 
        function gysUpdate(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysUpdate',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }
        // 删除 
        function gysUpdateDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysUpdateDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }   

        // 终端-------------------------------------
        $('#zdXiu').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#zdUpdate").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('终端修改已选中');
                zdUpdate(ac_id,ac_num);
            }else{
                console.log('终端修改已取消');
                zdUpdateDel(ac_id,ac_num);
            }
        })
        // 新增 
        function zdUpdate(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdUpdate',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }
        // 删除 
        function zdUpdateDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdUpdateDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }   


    // 认证权开始
        // 工厂------------------------------
        $('#gcRen').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gcAuth").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('工厂认证已选中');
                gcAuth(ac_id,ac_num);
            }else{
                console.log('工厂认证已取消');
                gcAuthDel(ac_id,ac_num);
            }
        })
        // 新增 
        function gcAuth(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcAuth',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },

            })
        }
        // 删除 
        function gcAuthDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcAuthDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }


        // 供应商------------------------------
        $('#gysRen').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gysAuth").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('供应商认证已选中');
                gysAuth(ac_id,ac_num);
            }else{
                console.log('供应商认证已取消');
                gysAuthDel(ac_id,ac_num);
            }
        })
        // 新增 
        function gysAuth(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysAuth',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }
        // 删除 
        function gysAuthDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysAuthDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }


        // 终端-----------------------------------
        $('#zdRen').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#zdAuth").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('终端认证已选中');
                zdAuth(ac_id,ac_num);
            }else{
                console.log('终端认证已取消');
                zdAuthDel(ac_id,ac_num);
            }
        })
        // 新增 
        function zdAuth(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdAuth',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }
        // 删除 
        function zdAuthDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdAuthDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }


    // 删除权开始
        // 工厂-----------------------------------
        $('#gcShan').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gcDel").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('工厂删除已选中');
                gcDel(ac_id,ac_num);
            }else{
                console.log('工厂删除已取消');
                gcDelDel(ac_id,ac_num);
            }
        })
        // 新增 
        function gcDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }
        // 删除 
        function gcDelDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gcDelDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }

        // 供应商--------------------------------------
        $('#gysShan').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#gysDel").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('供应商删除已选中');
                gysDel(ac_id,ac_num);
            }else{
                console.log('供应商删除已取消');
                gysDelDel(ac_id,ac_num);
            }
        })
        // 新增 
        function gysDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }
        // 删除 
        function gysDelDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'gysDelDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }

        // 终端----------------------------------------
        $('#zdShan').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#zdDel").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('终端删除已选中');
                zdDel(ac_id,ac_num);
            }else{
                console.log('终端删除已取消');
                zdDelDel(ac_id,ac_num);
            }
        })
        // 新增 
        function zdDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }
        // 删除 
        function zdDelDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'zdDelDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }


    // 录入权
        $('#khLu').click(function(){
            // $("name='sex']:eq(0)").prop("checked");
            var cst  = $("#khRecord").prop("checked");
            console.log(cst);
            var ac_id = $('#ac_id').attr('ac_id');
            var ac_num = $('#ac_num').attr('ac_num');


            if (cst == false) {
                console.log('录入权已选中');
                khRecord(ac_id,ac_num);
            }else{
                console.log('录入权已取消');
                khRecordDel(ac_id,ac_num);
            }
        })
        // 新增 
        function khRecord(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'khRecord',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }
        // 删除 
        function khRecordDel(ac_id,ac_num){
            $.ajax({
                type: 'post',
                url: 'phone_system.php',
                dataType: 'text',
                //scriptCharset: "utf-8",
                data:{act:'khRecordDel',id: ac_id,num: ac_num},
                success: function (data) {
                    if (data != '1') {
                        alert("编辑失败!");
                    }else{

                    }
                },
            })
        }       


})  

</script>

</html>

css 文件包在 http://www.htmleaf.com/css3/css3donghua/201506222086.html

JXL666888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android的滑动开关小插件
11-27
android的滑动开关，做出来的效果很好，ui找的比较漂亮
day.js 插件，小程序滑动月份日历
10-20
day.js日历插件写的小程序滑动月份日历，打开就能看到效果。如果有问题。新建文件拷一份出来也可以。day.js文件一起打包在里面了。官方文档： https://day.js.org/docs/zh-CN/installation/installation
php原生的异步请求,原生javascript的ajax请求及后台PHP响应操作示例
weixin_42358791的博客
03-10 194
本文实例讲述了原生javascript的ajax请求及后台PHP响应操作。分享给大家供大家参考，具体如下：Document学号:密码:ajax的一般步骤1、创建对象let xhr = new XMLHttpRequest();2、设置请求参数xhr.open(请求方式,请求地址，是否异步);3、设置回调函数xhr.onreadystatechange = function () {// 5、接收响...
php中AJAX的介绍,AJAX的使用方法详解
weixin_39856630的博客
03-10 263
AJAX作为异步传输，局部刷新非常方便，用处很广！首先，对于AJAX的使用有4步：1.创建AJAX对象var xmlHttp = new XMLHttpRequest();2.建立连接 (‘提交方式'，‘Url地址')xmlHttp.open('get','./AJAX_XML.xml');3.判断ajax准备状态及状态码xmlHttp.onreadystatechange = function(...
Mysql查询语句优化之索引优化案例
I can @ me
07-15 242
 sql优化说到底还是索引的优化,创建索引并使之生效.   单表优化CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `stuName` varchar(60) DEFAULT NULL, `age` int(11) DEFAULT NULL, `sex` varchar(30) DEFAULT NULL,...
linux基础-常用命令
Vanau的博客
06-12 171
1.关于压缩解压缩 unzip : https://www.cnblogs.com/yongdaimi/p/9772158.html
python炼丹师_Python连载|Pandas终章
weixin_35330534的博客
02-04 217
原标题：Python连载|Pandas终章在数据挖掘中，我们常需要对数据进行清洗或者转换，以便于认识数据特征，掌握数据间的关系。下面将重点介绍如何使用Pandas来解决数据挖掘中常见的问题。 1 Pandas缺失数据数据缺失是数据挖掘中最为常见的问题，下面将讲解如何利用pandas进行缺失值处理。1.1 查找缺失值对于数值数据，pandas使用浮点值NaN表示缺失数据。我们可以通过isnull和n...
jQuery+PHP打造滑动开关效果
10-25
主要介绍了jQuery+PHP打造滑动开关效果,实现类似360安全卫士防火墙开启关闭的开关,非常的实用，这里推荐给大家
仿ios滑动开关插件
06-13
仿ios滑动开关插件简单好用
随窗体滑动的小插件sticky
09-05
随窗体滑动的小插件sticky源码，需要的朋友可以参考一下
利用jQuery实现滑动开关按钮效果（附demo源码下载）
10-20
主要介绍了利用jQuery实现滑动开关按钮效果，文中给出了详细的介绍，并在文末给出了完整的demo源码下载，有需要的朋友可以参考简介，下面来一起看看吧。
jQuery 如何实现一个滑动按钮开关
10-21
本文给大家分享一段jquery代码实现滑动按钮开关的效果，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的的朋友参考下
滑动按钮插件switchery
07-17
仿照苹果IOS7的滑动按钮插件。Switchery是一个简单的组件,它可以帮助你把你的默认的HTML复选框输入美丽的iOS 7样式开关仅在几个简单的步骤。
Java学习day19-异常
小苏(º﹃º )的博客
12-25 544
异常**今日目标**一. 什么是异常1.1.异常结构1.2.异常收集二.捕获异常1.try-catch2.try-catch-finally3.深入认识异常三.声明和抛出异常1.使用throws声明异常2.使用throw抛出异常四.自定义异常总结作业 今日目标 了解异常 捕获异常 自定义异常 一. 什么是异常 异常机制： ​ 异常机制是指当程序出现错误后，程序如何处理。具体来说，异常机制提供了程序退出的安全通道。当出现错误后，程序执行的流程发生改变，程序的控制权转移到异常处理器。 通俗地说：为了让程序继
Third season sixteenth episode,how long after breaking up will you have sex with another woman???
热门推荐
xiyangxia666hui的博客
10-22 1万+
Joey: (Voice Over) Previously on Friends. [A montage of scenes from The One Where Ross and Rachel Take A Break follows.] [Scene: Monica and Rachel's, Ross is eating the picnic as Rachel comes home from work.] Ross: I mean, I don't feel like I even have a g
Mybatis中Invalid bound statement (not found): com.atguigu.mybatis.dao.EmployeeMapper.getEmpById报错问题
LJT666888的博客
04-01 1953
使用接口式动态绑定时注意一下两个地方： @Param接口参数 xml文件#{} 括号中的内容 自己粗心造成的问题，仅供参考
实现一个名为Person的类和它的子类Employee，Manager是Employee的子类，设计一个方法add用于涨工资，普通员工一次能涨10％，经理能涨20％。...
牧牛人Alec
06-27 9137
1、实现一个名为Person的类和它的子类Employee，Manager是Employee的子类，设计一个方法add用于涨工资，普通员工一次能涨10％，经理能涨20％。具体要求如下：（1）Person类中的属性有：姓名name、地址address，定义该类的构造方法；（2）Employee类中的属性有：工号id、工资wage、工龄workAge，定义该类的构造方法；（3）Manager类中的...
Eighth season twenty-second episode,does sex promote childbirth???????
xiyangxia666hui的博客
04-14 4608
[Scene: Central Perk, Joey is showing everyone a poster as Ross enters.] Ross: Hey! What are you guys looking at? Joey: Oh, it's a poster for that World War I movie that I'm in, check it out. Ross: Yeah? Wow! It looks really violent! Joey: Uh-huh! I know.
Selenium Python 全套一站式资料查询
xiaofeixia666888的博客
06-29 385
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 fromseleniumimportwebdriver importtime #访问百度 driver=webdriver.Ie() driver.get("http://w...
微信小程序 卡片层叠3d滑动轮播插件
最新发布
10-17
微信小程序是一种可以在微信中运行的应用程序，而卡片层叠3D滑动轮播插件则是一种可以在微信小程序中使用的功能扩展。这个插件的作用是在小程序中实现一个炫酷的轮播效果，使卡片以3D的方式叠放在一起，并能够通过滑动手势进行切换。 该插件的使用非常简便，只需在小程序的页面中引入插件并进行相应配置即可。首先，我们需要在小程序的.json配置文件中声明该插件。然后，在页面的.wxml文件中，通过调用插件提供的组件标签，在其中定义卡片的内容和样式。 接下来，在页面的.js文件中，我们可以通过设置一些参数来定制轮播效果。例如，可以设置轮播的速度、自动播放的间隔时间、卡片的尺寸和样式等等。我们还可以通过监听用户的滑动手势事件，来切换卡片的显示。 当我们完成了上述配置后，该插件就能在小程序中正常使用了。用户可以通过滑动手势来浏览不同的卡片，同时卡片叠放的3D效果会让界面更加生动有趣。而且，该插件也支持自动播放功能，可以在一定的时间间隔内自动切换卡片。 总之，微信小程序卡片层叠3D滑动轮播插件是一种实现炫酷轮播效果的工具，可以为小程序增添一些动感和趣味性。通过简单的配置和使用，我们可以为小程序的用户提供更好的浏览体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值