jQuery权限控制

最新推荐文章于 2022-06-16 21:07:30 发布

光着脚丫数星星

最新推荐文章于 2022-06-16 21:07:30 发布

阅读量3k

点赞数

分类专栏： Web前端文章标签： jquery

本文链接：https://blog.csdn.net/youyou_yo/article/details/48649971

版权

Web前端专栏收录该内容

47 篇文章 0 订阅

订阅专栏

<head>
    <title>权限选择</title>
    <style type="text/css">
        .zhengt
        {
            float: left;
            height: 90px;
            width: 10%;
        }
    </style>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("input[value=>]").click(function () {
                var olditems = $("#selectold option:selected").remove();
                $("#selectnew").append(olditems);
            });
            $("input[value=<]").click(function () {
                var olditems = $("#selectnew option:selected").remove();
                $("#selectold").append(olditems);
            });
            $("input[value=>>]").click(function () {
                var olditems = $("#selectold option").remove();
                $("#selectnew").append(olditems);
            });
            $("input[value=<<]").click(function () {
                var olditems = $("#selectnew option").remove();
                $("#selectold").append(olditems);
            });
        });
    </script>
</head>
<body>
    <select id="selectold" multiple="multiple" class="zhengt">
        <option>修改</option>
        <option>只读</option>
        <option>隐藏</option>
        <option>完全控制</option>
        <option>特殊权限</option>
    </select>
    <div class="zhengt">
        <input type="button" value=">" style="width: 100%" /><br />
        <input type="button" value="<" style="width: 100%" /><br />
        <input type="button" value=">>" style="width: 100%" /><br />
        <input type="button" value="<<" style="width: 100%" /><br />
    </div>
    <select id="selectnew" multiple="multiple" class="zhengt">
    </select>
</body>