html根据权限不同使button按钮失效

最新推荐文章于 2022-10-27 22:14:58 发布

才华高于颜值

最新推荐文章于 2022-10-27 22:14:58 发布

阅读量1.7k

点赞数

分类专栏： java前端

本文链接：https://blog.csdn.net/qq_33416416/article/details/88837832

版权

java前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

希望新手能少走弯路，与君共勉

参考文献：

https://www.jb51.net/article/46252.htm

<script type="text/javascript">
         $(document).ready(function(){
           //权限写死，后台之后会再加

            var op = 3;
            console.log(op);
            alert(op);
            if (op==1) {
                $("#b").attr("disabled", true); 
                $("#c").attr("disabled", true); 
                $("#d").attr("disabled", true); 
            }
            if (op==2) {    
                $("#d").attr("disabled", true); 
            }
        });
     </script>
<body>
    <div>
        <button id="a" type="button" class="btn btn-w-m btn-primary" onclick="as();">新增</button>
        <button id="b" type="button" class="btn btn-w-m btn-primary" onclick="as();">删除</button>
        <button id="c" type="button" class="btn btn-w-m btn-primary" onclick="as();">修改</button>
        <button id="d" type="button" class="btn btn-w-m btn-primary" onclick="as();">查询</button>
    </div>
</body>

（上面的class按钮要引入特定的包，可以删除换自己的样式）

&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&

js：

function as() {
    alert("anlog");
}

才华高于颜值

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
html根据权限不同使button按钮失效

希望新手能少走弯路，与君共勉参考文献：https://www.jb51.net/article/46252.htm<script type="text/javascript"> $(document).ready(function(){ //权限写死，后台之后会再加 var op = 3; ...
复制链接

扫一扫