<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. http响应状态码301和302

    HTTP返回码中301与302的区别 (2012-10-15 22:06:09) 一．官方说法 301,302 都是HTTP状态的编码,都代表着某个URL发生了转移,不同之处在于: 301 redir ...

  2. find grep 组合使用

    1. 查找所有".h"文件 find /PATH -name "*.h" 2. 查找所有".h"文件中的含有"helloworld ...

  3. oj 1031 random permutation

    Problem A: Random Permutations Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 91  Solved: 54 Descri ...

  4. Qt调用Server SQL中的存储过程

    Server SQL中的存储过程如下: CREATE procedure PINSERTPC @pcnum int, @pcname varchar(50), @pctype int, @ipaddr ...

  5. sql性能优化小技巧（一）

    关于sql条件匹配对执行效率影响测试 首先,创建一个标量函数create function ff_test() returns int as begin declare @i int=0 while( ...

  6. php--sphinx的使用

    sphinx安装,配置,使用,分页 Sphinx简介 SQL   结构化查询语言(是一种标准,所有的关系型数据库Mysql,sqlserver,oracle) sphinx的使用两种方式: 第一种: ...

  7. 1001 数组中和等于K的数对

    1001 数组中和等于K的数对 基准时间限制:1 秒 空间限制:131072 KB 给出一个整数K和一个无序数组A,A的元素为N个互不相同的整数,找出数组A中所有和等于K的数对.例如K = 8,数组A ...

  8. WPFFontCache_v0400.exe CPU使用率过高的问题

    最近的电脑很慢 CPU超过50%了 任务管理器显示是WPFFontCache_v0400.exe 的问题 每次强制终止后不就又重新启动很是麻烦, 在MSDN中找到了解决办法: 禁用Windows Pr ...

  9. mongodb 导出查询结果到文件

    编写mongo查询语句到 find.js db.xxx.find( {status:1,publisherId:0 , appDesc: {$in: [ /.*privacy .*/ ,/.*kika ...

  10. SQL Server 2008 R2【SET ANSI_PADDING填充属性】插入一条数据后，为何每一列都默认的在字符后多了几个空格

    当加入空格后查出 解决: 导致出现这样的现象的原因就是SET ANSI_PADDING选项. 这个选项只在数据表的字符串字段被更新或者新的数据行插入到表中的时候作用.它控制着SQL Server在遇到 ...