复选框取消权限提示，并不让其修改问题？

最新推荐文章于 2021-06-03 02:38:48 发布

原创最新推荐文章于 2021-06-03 02:38:48 发布 · 419 阅读

0 ·

CC 4.0 BY-SA版权

前端工程师专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种在前端实现复选框修改权限控制的方法。通过在进入修改页面前获取并判断权限，利用Java后端代码设置权限标志，再结合JS前端代码进行权限提示与操作限制，有效防止了无权限用户对特定信息的修改。

问题：复选框取消时，判断权限，没有权限，不允许取消复选框的修改操作？
解决思路：进入修改页面前获取相应的权限，并判断设置权限是否有，返回到前端，然后js判断提示即可。

代码如下：
java核心代码示例：

Map<String, Object> map = new HashMap<String, Object>();
map.put("role",true );

jsp核心代码示例：

 <input id="mobileRole" type="checkbox" name="mobileRole" onchange="changeMobileRole();" ${result.mobileRole?"checked='checked'":""}/>
<label for="role">是否开启权限</label>
 <input id="openMobile" type="hidden" name="openMobile" value="${result.role}" />

js核心代码示例：

$("#role").change(function(){
		  if($("#role").val()=='true'){
			  var s1 = $("#role_operator").val();
			       alert("该信息"+s1+"被其它功能使用，请联系平台管理员"); 
			       $("#role").attr("checked","checked");
                }
		});