<!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
分享到：
相关推荐
js复选框左右传值 很简单~~~~~~~~~~~~~~~~~~~~
复选框里的值通过表单post方法传入数据库
spreadjs_列头添加复选框全选功能-demo
这个里面有安卓的单选框，复选框，以及下拉框的使用，以及点击按钮会显示你输入的信息，适合新手的借鉴与使用。
主要介绍了解决Django中checkbox复选框的传值问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
bootstrap-select插件，jquery实现的下拉选择。
使用jquery实现的复选框左右移动用于权限管理
实用的技术，对办公应用很有帮助，如何在word复选框中打钩
带复选框JS树 复选框树，很好用！JS权限树，带例子
非常实用的复选框，经典、推荐。非常实用的复选框，经典、推荐。
TreeControl复选框：选中某个节点的复选框后，自动选中子节点的复选框
本压缩包有两个页面和一个jquery库，达到的效果是在页面将checkbox以数组的形式 传递，传递之后用jquery遍历，并比较，最后选中。
复选框checkbox的jquery插件， 用法：if($("#check").check()) $("#check").check(true);
unity-复选框，单选框
【JEECGBOOT】列表展示金额合计，并复选框禁止选择——页面 参考资料： 1、antDesignForVue 符合条件的表格复选框禁止选中 https://blog.csdn.net/bbsyi/article/details/108992302
带复选框的树形菜单，支持无限层级、绝对好用，有文档、有事例~功能非常强大
带复选框的多级目录树，复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
一个js的方法，调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法： * (1)调用js函数：setSelectBox(textItem, myArray); *...
1、给QTreeWidget添加复选框，实现部分选中，全部选中。 2、如果部分选中，父级复选框为对勾，则需设置风格。