<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. HLA高级汇编语言基础

    HLA高级汇编语言环境的搭建与设置 我的操作系统:WINDOWS7 需要下载的东西:MASM32:http://www.masm32.com/masmdl.htm  HLA:http://webste ...

  2. jdk1.7

    http://download.oracle.com/otn-pub/java/jdk/7u79-b15/jdk-7u79-windows-i586.exe?AuthParam=1450748157_ ...

  3. xcode8继续愉快的使用插件

    https://github.com/inket/update_xcode_plugins https://github.com/fpg1503/MakeXcodeGr8Again xcode8增加了 ...

  4. Simplest way to serve static data from outside the application server in a Java web application

    tomcat service.xml <Context docBase="/path/to/images" path="/images" /> re ...

  5. One Time Auth

    One Time Auth One-time authentication (shortened as OTA) is a new experimental feature designed to i ...

  6. asp.net mvc 简单搜索功能

    View中代码: <input type="text" class="searchText" id="searchText"/> ...

  7. TermServDevices报错导致服务器死机（远程服务使用者必读）

    事件类型: 错误 事件来源: TermServDevices 事件 ID: 1111 描述:打印机 !!192.168.99.6!HP LaserJet 3050 Series PCL 5e 所需的驱 ...

  8. SpringMVC自动扫描@Controller注解的bean

    若要对@Controller注解标注的bean进行自动扫描,必须将<context:component-scan base-package="包路径.controller"/ ...

  9. NSUserDefaults的小封装

    //保存 -(void)saveToUserDefaults:(NSString*)tosaveedString withKey:(NSString *)tosaveedKey {  NSUserDe ...

  10. SEO优化笔记

    1,清理垃圾代码. 清理垃圾代码是指删除页面中的冗余代码,可以删除80%的冗余代码,垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码.最常见的垃圾代码:空格空格字符是网页中最常见的垃圾代码. ...