复选框左右传值--简单

fanjf

浏览: 329626 次
性别:
来自: 安徽

最近访客更多访客>>

u012363178

Blue丶s

ywt_go

terryhello

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

.net 脚本 J#XHTML HTML

<!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=gb2312" />
<title>Untitled Document</title>
<script language="javascript">
function addItem(objForm)
{
var valueAry=new Array();
var textAry=new Array();
var leftElement=objForm.elements["left"];
var rightElement=objForm.elements["right"];
var count=0;
var i,j,k,flag;
for(i=0;i<leftElement.options.length;i++)
{
   if(leftElement.options[i].selected)
   {valueAry[count]=leftElement.options[i].value;
    textAry[count]=leftElement.options[i].text;
    count++;
   }
}
var count1=rightElement.options.length;
count1=count1>0?count1:0;
for(j=0;j<count;j++)
{
   flag=false;
   for(k=0;k<count1;k++)
   {
    if(rightElement.options[k].text==textAry[j])
    flag=true;
   }
   if(!flag)
{
    rightElement.options[count1]=new Option(textAry[j],valueAry[j]);
    count1++;
    }
}
}
function subItem(objForm)
{
var i;
var objElement=objForm.elements["right"];
for(i=objElement.options.length-1;i>=0;i--)
{
   if(objElement.options[i].selected)
    objElement.options[i]=null;
}
}
function addAllItem(objForm)
{
var i;
var leftElement=objForm.elements["left"];
for(i=0;i<leftElement.options.length;i++)
{
   leftElement.options[i].selected=true;
}
addItem(objForm);
}
function subAllItem(objForm)
{
var i;
var rightElement=objForm.elements["right"];
for(i=0;i<rightElement.options.length;i++)
rightElement.options[i].selected=true;
subItem(objForm);
}
</script>
</head>
<body>
<table width="200" cellpadding="0" cellspacing="0" border="0">
<form>
<tr>
<td width="80" rowspan="4"><select name="left" style="width:80px;height:100px;" multiple>
    <option>ITEM1</option>
    <option>ITEM2</option>
    <option>ITEM3</option>
    <option>ITEM4</option>
    <option>ITEM5</option>
    <option>ITEM6</option>
</select></td>
<td width="40" height="20" align="center"><input type="button" value=" >> " onclick="addItem(this.form);"></td>
<td width="80" rowspan="4" align="right">
<select name="right" style="width:80px;height:100px;" multiple>
</select> </td>
</tr>
<tr>
<td width="40" align="center"><input type="button" value=" << " onclick="subItem(this.form)"></td>
</tr>
<tr>
<td width="40" align="center"><input type="button" value="ALL>>" onclick="addAllItem(this.form)"></td>
</tr>
<tr>
<td width="40" align="center"><input type="button" value="<<ALL" onclick="subAllItem(this.form)"></td>
</tr>
</form>
</tr>
</table>
</body>
</html>

本文来自: 脚本之家(www.jb51.net) 详细出处参考：http://www.jb51.net/article/6971.htm

分享到：

开发一个调试JSP的Eclipse插件 | lucene常用搜索总结

2008-12-23 15:45
浏览 1744
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论