<title></title>

    <script src="JS/jquery-1.7.1.js"></script>

    <script type="text/javascript">

        var RemoveDisabled = function () {

            $('#btnAllRemove,#btnRemove').attr('disabled', 'disabled');

        };

        var RemoveEnabled = function () {

            $('#btnAllRemove,#btnRemove').removeAttr('disabled');

        };

        var AddDisabled = function () {

            $('#btnAllAdd,#btnAdd').attr('disabled', 'disabled');

        };

        var AddEnabled = function () {

            $('#btnAllAdd,#btnAdd').removeAttr('disabled');

        };

        var RemoveSort = function () {

        };

        var AddSort = function () {

        };

        $(function () {

            RemoveDisabled();

            //var OtherSelected = $('#Other :selected').val();

            $('#btnAllAdd').click(function () {

                $('#Other option').each(function () {

                    //多次运行的代码

                    if ($(this).val() != "FC") {

                        $(this).appendTo($('#Owner'));

                    }

                });

                if ($('#Other option').length > 0)

                    $('#Other option').prependTo($('#Owner'));

                AddDisabled();

                RemoveEnabled();

            });

            $('#btnAdd').click(function () {

                $('#Other :selected').each(function () {

                    if ($(this).val() == "FC") {

                        $(this).prependTo($('#Owner'));

                        $('#btnAllAdd').click();

                        return false;

                    }

                    else {

                        $('#Owner').append($('#Other :selected').remove());

                    }

                });

                if ($('#Other option').length == 0) {

                    AddDisabled();

                } else {

                    RemoveEnabled();

                }

                //alert(.val())//.appendTo($('#Owner'));

            });

            $('#btnRemove').click(function () {

                //不用each()实现太困难;

                $('#Owner :selected').each(function () {

                    $(this).appendTo($('#Other'));

                    if ($('#Owner [value=FC]').length > 0) {

                        $('#Owner [value=FC]').prependTo($('#Other'));

                    }

                });

                if ($('#Owner option').length == 0) {

                    RemoveDisabled();

                }

                else {

                    AddEnabled();

                }

            });

            $('#btnAllRemove').click(function () {

                $('#Other').append($('#Owner option'));

                AddEnabled();

                RemoveDisabled();

            });

            //var Other=$('#Other option:selected').

        });

    </script>

</head>

<body>

    <table>

        <tr>

            <td rowspan="4">

                <select id="Other" multiple="multiple" style="height: 110px;">

                    <option value="FC">完全控制</option>

                    <option>修改</option>

                    <option>读取和执行</option>

                    <option>写入</option>

                    <option>读取</option>

                </select>

            </td>

            <td>

                <input type="button" value=">>" id="btnAllAdd" /><br />

            </td>

            <td rowspan="4">

                <select id="Owner" multiple="multiple" style="height: 110px;">

                </select></td>

        </tr>

        <tr>

            <td>

                <input type="button" value=">" id="btnAdd" /><br />

            </td>

        </tr>

        <tr>

            <td>

                <input type="button" value="<" id="btnRemove" /><br />

            </td>

            <td></td>

        </tr>

        <tr>

            <td>

                <input type="button" value="<<" id="btnAllRemove" /></td>

        </tr>

    </table>

</body>

JQuery权限管理的更多相关文章

  1. 树型权限管理插件：jQuery Tree Multiselect详细使用指南

    1.认识jQuery Tree Multiselect 这个插件允许用户以树型的形式来呈现列表复选框的选择.多用于权限管理中用于分配不同的权限.使用文档,请参考:     https://github ...

  2. ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十三节--RBAC模式及ABP权限管理（附送福利）

    ABP+AdminLTE+Bootstrap Table权限管理系统一期 Github:https://github.com/Jimmey-Jiang/ABP-ASP.NET-Boilerplate- ...

  3. SpringMVC+Shiro权限管理【转】

    1.权限的简单描述 2.实例表结构及内容及POJO 3.Shiro-pom.xml 4.Shiro-web.xml 5.Shiro-MyShiro-权限认证,登录认证层 6.Shiro-applica ...

  4. 基于DDDLite的权限管理OpenAuth.net 1.0版正式发布

    距离上一篇OpenAuth.net的文章已经有5个多月了,在这段时间里项目得到了很多朋友的认可,开源中国上面的Star数接近300,于是坚定了我做下去的信心.最近稍微清闲点,正式推出1.0版,并在阿里 ...

  5. 基于EasyUI Treegrid的权限管理资源列表

    1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...

  6. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(24)-权限组的设计和实现(附源码)(终结)

    ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框架搭建    (2):数据库访问层的设计Demo    (3):面向接口编程   (4 ):业务逻辑层的封装    ...

  7. Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理4

    首先先加个区域,名为Admin using System.Web.Mvc; namespace AuthorDesign.Web.Areas.Admin { public class AdminAre ...

  8. 用最基本的EF+MVC+JQ+AJAX+bootstrap实现权限管理的简单实例 之登陆和操作权限

    先来一堆关于上篇文章的废话(不喜者点此隐藏) 今天把博客加了个小功能,就是点标题可以隐藏或展示相关内容,做法很傻,就是引用了bootstrap的两个css类和全部的js文件,其实这样的小功能完全应该自 ...

  9. 利用ZTree链接数据库实现 [权限管理]

    最近想研究权限管理,看群里有人发了ZTrees模板,我看了下,觉得笔easyUI操作起来更灵活些,于是就开始研究了. 刚开始从网上找了找了个Demo,当然这个并没有实现权限啥的,但实现了前台调用Aja ...

随机推荐

  1. strcpy 和 strnpy 区别

    与strncpy的区别 第一种情况: 1 2 3 4     char* p="how are you ?";         char name[20]="ABCDEF ...

  2. ASP.NET WebForm与ASP.NET MVC的不同点

    ASP.NET WebForm ASP.NET MVC ASP.NET Web Form 遵循传统的事件驱动开发模型 ASP.NET MVC是轻量级的遵循MVC模式的请求处理响应的基本开发模型 ASP ...

  3. WCF TCP 错误代码 10061: 由于目标计算机积极拒绝

    表象是连不上服务端,本质原因多种多样,网络硬件问题导致的网络不通.服务本身问题或没有启动.或者防火墙阻隔等等不一而足. 1.ping看服务端能否ping通: 2.telnet ip地址 端口 ,看看是 ...

  4. background和background-size

    今天偶遇一个小问题. 添加logo图片时, 由于不需要重新定位图片位置,就准备偷懒在间歇属性中省略background-position的属性,然而很不幸的是,结果却是酱紫的(谷歌浏览器): 不能加载 ...

  5. jQuery插件之Wookmark瀑布流

    使用方法: 1.下载wookmark.js 2.构建html <div class="wrapper"> <div id="con1_1"&g ...

  6. 【SQL Server】左联接，右联接，内联接的比较

    首先需要解释一下这几个联接的意思: left join(左联接): 返回包括左表中的所有记录和右表中联结字段相等的记录. right join(右联接): 返回包括右表中的所有记录和左表中联结字段相等 ...

  7. strcpy之代码的健壮性与可维护性

    strcpy   函数的原型是: char * strcpy(char * strDest,const char * strSrc);    功能:把从strSrc地址开始且含有NULL结束符的字符串 ...

  8. 玩儿了一下django User authentication

    五一在家,VPN不能链接了,而项目在本地run的过程中,又需要链接公司的SSO server才能login.下雨,不想去公司,又不得不在家做task,只能想办法避开SSO login,以前知道djan ...

  9. ArcGIS API for Silverlight 地图元素点闪烁，线流动显示的处理方式

    原文:ArcGIS API for Silverlight 地图元素点闪烁,线流动显示的处理方式 <Grid x:Name="LayoutRoot" Background=& ...

  10. xml架构管理器

    http://technet.microsoft.com/zh-cn/dd489278