<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. JDBC 增删查改

    public class MemberDaoImpl implements MemberDao { private Connection conn = null; public MemberDaoIm ...

  2. delphi下如何获得不带扩展名的文件名？

    Edit1.Text:=ChangeFileExt(ExtractFileName(Application.ExeName),'') ; //获取到应用程序名后,将后缀名清空就可以啦.

  3. Advanced CSharp Messenger

    http://wiki.unity3d.com/index.php?title=Advanced_CSharp_Messenger Author: Ilya Suzdalnitski Contents ...

  4. Jquery手册

    1.jQuery 选择器: 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" ...

  5. Git版本控制

    官方文档:http://git-scm.com/book/en/v2 github :https://guides.github.com/activities/hello-world/ How to ...

  6. MySQL- 锁(3)

    InnoDB在不同隔离级别下的一致性读及锁的差异 前面讲过,锁和多版本数据是InnoDB实现一致性读和ISO/ANSI SQL92隔离级别的手段,因此,在不同的隔离级别下,InnoDB处理SQL时采用 ...

  7. php--在apache上配制rewrite重写

    配置步骤: 第一步:找到apache的配置文件httpd.conf(文件在conf目录下) 第二步:你首先必须得让服务器支持mod_rewrite,如果你使用的是虚拟主机,请事先询问你的主机提供商. ...

  8. ArcGIS API for Silverlight 调用GP服务准备---GP模型建立、发布、测试

    原文:ArcGIS API for Silverlight 调用GP服务准备---GP模型建立.发布.测试 第一篇.GP降雨量等值线建模.发布及测试 在水利.气象等行业中,要在WebGIS中实现空间分 ...

  9. Linux 有问必答：如何知道进程运行在哪个 CPU 内核上？

    问题:我有个 Linux 进程运行在多核处理器系统上.怎样才能找出哪个 CPU 内核正在运行该进程? 当你在 多核 NUMA 处理器上运 行需要较高性能的 HPC(高性能计算)程序或非常消耗网络资源的 ...

  10. Linux 性能工具 - sar学习

    简介 sar是一款在linux下的性能工具,可以观察到CPU,内存,IO,运行队列,每秒上下文切换等信息. 软件工具安装 #Ubuntu sudo apt-get install sysstat # ...