JQuery权限管理

最新推荐文章于 2024-03-31 03:12:10 发布
最新推荐文章于 2024-03-31 03:12:10 发布
阅读量127 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wjshan0808/p/3576182.html
版权 
    <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>

 

转载于:https://www.cnblogs.com/wjshan0808/p/3576182.html

weixin_30708329
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
案例权限的选择
Rowse的博客
05-07 983
这次我们要学习的案例是权限的选择; 首先把案例所需要的元素布局设置好然后给予所需元素id名; <divstyle="margin-left:500px;margin-top:20px;background-color:#999999"> <selectmultiple="multiple"style="float:left;width:60px;height:100px;"id="se1"> <option>添加<...
jquery 权限控制菜单
CBlUE2014
06-19 2737
要实现的效果： 1、父节点选中，则下面的子节点全选中 2、父节点不选中，则下面的子节点全不选中 3、子节点只要选中了一个，则父节点选中 4、子节点全不选中，则父亲节点不选中 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getSer
前端提高篇(九十三)：jQueryDOM操作：删除，十大前端开发框架
最新发布
m0_60666841的博客
03-31 430
效果：用html()和text()方法也能实现清空的效果：//用html(‘’)将标签里的内容变成空字符串，相当于清空//理由同上。
jQuery-权限操作
weixin_57772585的博客
06-16 902
1.我们设置一个div，我们直接用css里面行内样式来设置div的样式，用style设置左外边距和上外边距然后背景色2.然后在div里面设置一个select标签，，写一个select标签里面再写5个option标签然后里面添加文字。multiple(设置多选)并且用css的行内样式设置select的宽高和浮动，再设置id名。3.然后再设置一个div，用style设置宽和左浮动，然后给div里面设置4个input按钮标签，并且行内样式设置按钮的宽和id名4.再一个select标签，然后multiple(设置多
JQuery UI实现权限管理系统
03-20
很好的学习资料，有助于对其JQqery UI框架的运用和掌握，权限管理使你理解的很透彻，值得下载
EasyUI+JQuery统一权限管理ASPNET源码
03-17
技术特点：EasyUI,JQuery,统一权限管理系统（aspx面完成显示 ashx处理所以请求） 功能描述： 商家管理：促销活动 产品管理 卡密管理 财务管理 促销商家 合作商家 慈善管理：慈善排名 慈善比例管理 奖池管理：已捐赠...
基于jquery的CMS后台管理系统网站模板
05-28
**基于jQuery的CMS后台管理系统网站模板详解** 在Web开发领域，内容管理系统（CMS）是用于构建和维护网站的工具，而后台管理系统则是CMS的核心部分，它负责管理网站的内容、用户、权限等。本模板——“基于jQuery的...
Jquery EasyUI的基础权限管理
05-13
一直想做一个基础权限管理的框架可以方便的用在管理系统里面，不需要太复杂，只要有基础的功能即可，平时比较懒，就一直从去年拖到了现在，好在马马虎虎的算是做完基本功能了，至于代码方面嘛，还有很多不尽人意的...
JQuery+EasyUI后台管理系统源码
03-17
运行环境：VS2010+SQL2008 技术特点：asp.net c# ...登录，修改密码，用户管理，组织结构，权限管理，导航菜单，角色管理等。 注意事项： 针对之前的版本进行了调整，因为是几个项目公用，提前出来的，有一些小的bug
基于轻量级jquery框架LigerUI 的 权限管理系统
03-26
本系统页面采用最新版的LigerUI框架搭建，vs2017+sql2008开发，所有数据库操作均采用ajax方式，内容包括：用户管理，组织架构，角色管理，岗位管理，菜单和按钮管理，数据库备份和还原等经典基本功能，可在此基础上...
jQuery权限系统
09-18
jQuery LigerUI.Case.LigerRM(权限管理系统).rar jQuery LigerUI.Case.LigerRM(权限管理系统).rar jQuery LigerUI.Case.LigerRM(权限管理系统).rar
jquery实现简单三层,通用权限控制,CRM,ERP
10-28
1.jquery实现的三层架构通用管理ERP,CRM系统 2.如有问题请联系QQ 594609185 3.采用VS2005+SQL2005+jQuery开发 4.你的支持就是别人努力的动力! 5.网站:http://kingkoo.cnblogs.com/ 6.http://download.csdn.net/source/1863788 请下载这个KINGLIB库才能使用本系统.用下载的库替换KINGLIB就好..BLL,DAL.WEB都要替换...重新编译.如不可以请重新引用试下..
EasyUI+JQuery统一权限管理
06-15
EasyUI,JQuery,统一权限管理系统（aspx面完成显示 ashx处理所以请求） 商家管理：促销活动 产品管理 卡密管理 财务管理 促销商家 合作商家 慈善管理：慈善排名 慈善比例管理 奖池管理：已捐赠管理 已领取管理 待领取管理 队列中管理 统计 奖池金额管理 奖池金额比例管理 奖池变更流水账 网站管理：行业管理 地区管理 赠品管理 站内活动管理 注册用户管理 站内信管理 友情链接管理 系统管理：角色管理 系统日志 菜单管理 用户管理 部门管理 字典管理
使用jquery实现select添加实现后台权限添加的效果
12-12
呃。其实很简单的东西啦。页面的图 两个列表都可以多选， 实现如下效果： 1、双击第一个列表中任意一个列表项，实现向下添加 2、双击第二个列表中任意一个列表项，实现删除， 2、点击按钮，实现对应功能。 Html代码 代码如下: <form name=”form1″ method=”post” action=””> <select id=”select1″ size=”5″ multiple style=”width:100px ” > <option value=”111″>北京</option> <option value=”222″>上海</option> <option value=”3
JQuery实现带排序功能的权限选择实例
12-09
本文实例讲述了JQuery实现带排序功能的权限选择。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></
jQuery权限控制
幸福的使者
09-22 3059
权限选择             .zhengt         {             float: left;             height: 90px;             width: 10%;         }                     $(function () {             $("input[value=>
jquery实现权限分配
weixin_34008784的博客
08-09 604
在网上看到很多权限分配的代码，大都用js做的，并且觉得很复杂，用jquery完全可以实现一样的功能，并且代码很简洁。js部分： <script type="text/javascript"> //全部右添加 function cutAllRight(callback){ $("#select1 option").appendTo("#select2"); call...
权限管理框架实现（3）--jquery自定义标签
ESOO
04-12 5774
上篇文章，介绍了，使用ValueStack对权限进行控制，但是还是需要前台工作者去写，其实，我们利用jquery，就可以做到对html标签的控制，基本思路如下：1，获取所有特殊标签集合2，ajax后台申请权限3，判断返回值，没有权限则消除标签具体js代码如下1，获取集合 var authObjs = $("auth[TestAuth='true']");2，ajax申请后台 $.ajax({
zTree -- jQuery 树插件 实现权限管理
cheng_grown的博客
08-11 1800
1.下载  zTree -- jQuery 树插件      下载地址：https://github.com/zTree/zTree_v3       解压后，项目中引入 js 、css 和 图片样式。（注意看官网 http://www.treejs.cn 的Demo  , 带勾选框的  和  不带勾选框  的需要不同的 js文件） 2.     前台js          $(
jquery后台管理系统
09-22
jquery后台管理系统是一个基于jquery、asp.net和c#等技术开发的系统，具备登录、修改密码、用户管理、组织结构、权限管理、导航菜单、角色管理等功能。它使用了jquery EasyUI来美化页面样式。在前端页面中，通过调用js登录方法实现登录功能，并通过异步请求将用户输入的用户名和密码发送给后台进行验证。如果验证通过，系统将跳转到首页；否则将弹出错误提示并跳转到登录页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值