jquery实现权限分配

在网上看到很多权限分配的代码，大都用js做的，并且觉得很复杂，用jquery完全可以实现一样的功能，并且代码很简洁。

萨尔图网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联公司2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

js部分：

<script type="text/javascript">
//全部右添加
function cutAllRight(callback){
$("#select1 option").appendTo("#select2");
callback();
}
//全部左添加
function cutAllLeft(callback){
$("#select2 option").appendTo("#select1");
callback();
}
//右添加
function cutRight(callback){
$("#select1 option:selected").appendTo("#select2");
callback();
}
//左添加
function cutLeft(callback){
$("#select2 option:selected").appendTo("#select1");
callback();
}
//上移动
function upEvent(){
var option = document.getElementById("select2").getElementsByTagName("option");
for(var i=0;i<option.length;i++){
if(option[i].selected&&i!=0){
option[i-1].selected=true;
option[i].selected=false;
break;
}
}
}
//下移动
function downEvent(){
var option = document.getElementById("select2").getElementsByTagName("option");
for(var i=0;i<option.length;i++){
if(option[i].selected&&i!=(option.length-1)){
option[i+1].selected=true;
option[i].selected=false;
break;
}
}
}
//双击添加
function doubleClick1(n,callback){
if(n==1){
$("#select1 option:selected").appendTo("#select2");
callback();
}
else if(n==2){
$("#select2 option:selected").appendTo("#select1");
callback();
}
}
</script>
<script type="text/javascript">

</script>
<script type="text/javascript">
function addDiv(){
$("#span1").html($("#select2 option").length);
}
function AllRight(){
cutAllRight(addDiv);
}
function Right(){
cutRight(addDiv);
}
function Left(){
cutLeft(addDiv);
}
function AllLeft(){
cutAllLeft(addDiv);
}
function doubleClick(n){
doubleClick1(n,addDiv);
}
function selectOut(obj){
obj.oncontextmenu=function(){
var option = document.getElementsByTagName("option");
for(var i=0;i<option.length;i++){
option[i].selected=false;
}
}
}
</script>

jsp页面

<div >
<div>已选择<span id="span1">0</span>人</div>
<div class="div2" >
<select multiple="multiple" id="select1" ondblclick="doubleClick(1)" onmouseover="selectOut(this)">
<option value="赵培沛">赵培沛</option>
<option value="陈帅">陈帅</option>
<option value="梁国栋">梁国栋</option>
<option value="程洪涛">程洪涛</option>
<option value="马祥然">马祥然</option>
<option value="李森">李森</option>
<option value="侯俊杰">侯俊杰</option>
</select>
</div>
<div class="div3">
<div><img src="p_w_picpath/ico/bullet_arrow_top1.png" onclick="AllRight()"/></div>
<div><img src="p_w_picpath/ico/bullet_arrow_down1.png" onclick="Right()"/></div>
<div><img src="p_w_picpath/ico/bullet_arrow_up1.png" onclick="Left()"/></div>
<div><img src="p_w_picpath/ico/bullet_arrow_bottom1.png" onclick="AllLeft()"/></div>
</div>
<div class="div2" >
<select multiple="multiple" id="select2" ondblclick="doubleClick(2)" onmouseover="selectOut(this)">
</select>
</div>
<div class="div3">
<div>&nbsp;</div>
<div>&nbsp;</div>
<div><img src="p_w_picpath/ico/bullet_arrow_up.png" onclick="upEvent()"/></div>
<div><img src="p_w_picpath/ico/bullet_arrow_down.png" onclick="downEvent()"/></div>
</div>
</div>

其中自己加上向左，全左，向右，全右，向上，向下的6张图片即可。加上jquery的库文件

进×××流： 178483774

当前题目：jquery实现权限分配
分享网址：https://www.cdcxhl.com/article22/jcjijc.html

成都网站建设公司_创新互联，为您提供ChatGPT、面包屑导航、网站建设、品牌网站设计、域名注册、静态网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联