<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. Android 加入一个动作按钮

    在XML中声明一个动作按钮 所有的动作按钮和其他的可以利用的items都定义在menu资源文件夹中的XML文件中.为了增加一个动作按钮到工具栏,需要在工程 /res/menu/ 目录下面创建一个新的X ...

  2. JStack分析cpu消耗过高问题

    Mark一下, 今天确实用这个方法找到了问题 http://www.iteye.com/topic/1114219 1. top找到目标进程,记下pid 2. top –p pid, 并用shift+ ...

  3. 微信公众账号开发教程（二） 基础框架搭建——转自http://www.cnblogs.com/yank/p/3392394.html

    上一章,我们已经初步讲解了微信公众账号开发的基本原理,今天我们来探索设计实现. 首先我们设计了模块层次图,当然图中只是给出一种实现方式,不局限于此.具体见下图. 主要功能介绍如下: 1)请求接口层.处 ...

  4. Eclipse 安装插件【转】

    本文介绍Eclipse插件的安装方法.Eclipse插件的安装方法大体有三种:直接复制.使用link文件,以及使用eclipse自带的图形界面的插件安装方法. AD: 做为当下最流行的开源IDE之一, ...

  5. websocket nodejs

    Web领域的实时推送技术,也被称作Realtime技术.这种技术要达到的目的是让用户不需要刷新浏览器就可以获得实时更新.它有着广泛的应用场景,比如在线聊天室.在线客服系统.评论系统.WebIM等. W ...

  6. pomelo架构概览

    pomelo之所以简单易用.功能全面,并且具有高可扩展性.可伸缩性等特点,这与它的技术选型和方案设计是密不可分的.在研究大量游戏引擎设计思路基础上,结合以往游戏开发的经验,确定了pomelo框架的设计 ...

  7. ZooKeeper Recipes and Solutions 翻译

    ZooKeeper 秘诀 与解决方案 A Guide to Creating Higher-level Constructs with ZooKeeper Out of the Box Applica ...

  8. Linux学习之CentOS(十)--虚拟机下的CentOS如何上网

    原地址:http://www.cnblogs.com/xiaoluo501395377/archive/2013/04/05/3001148.html 这篇随笔应该说跟CentOS的学习关系不是很大, ...

  9. ”靠谱的C#“单例模式

    //静态构造函数的单例模式 public sealed class Singleton { private static readonly Singleton _instance = new Sing ...

  10. 对象(List<T>)的序列化和反序列化

    本文描述将对象(List<T>)序列化到 XML 文档中和从 XML 文档中反序列化为对象(List<T>). 命名空间: System.Xml.Serialization 程 ...