如果实现javascript复选框左右传值

原创 2005年05月03日 23:45:00

<script>
//注意:
// 在<form 标签里,记得写上 onsubmit="checkform();selall()" 
// 其中checkform() 指的是你的检查表单是否填写完整的函数。在我给你的范例里没有体现。
// 那个 selall() 的用途是,把被选到右边窗口里的数据全部选中,只有选部选中,才能在php处理页面里得到传递值。


function selit()
{
 oo=document.all.osort;
 nn=document.all.nsort;

 if(nn.options.length>=4)
 {
  alert('对不起,最多只能选4项!');
  return false;
 }
 sel=oo.selectedIndex;
 if(sel==-1)return false;
 nvalue=oo.options[oo.selectedIndex].text;
 nn.options.add(new Option(nvalue,nvalue));
 oo.options.remove(oo.selectedIndex);
}
function delit()
{
 oo=document.all.osort;
 nn=document.all.nsort;
 sel=nn.selectedIndex;
 if(sel==-1)return false;
 ovalue=nn.options[nn.selectedIndex].text;
 oo.options.add(new Option(ovalue,ovalue));
 nn.options.remove(nn.selectedIndex);
}
function selall()
{
 nn=document.all.nsort;
 for(i=0;i<nn.options.length;i++)
 {
  nn.options[i].selected=true;
 }
}
</script>


<select name="osort" size="6" multiple id="osort" style='width:120' ondblclick='selit()'>
                                <option value="1">
                床上用品                </option>
                                <option value="2">
                家具桌椅                </option>
                                <option value="3">
                厨房设备                </option>
                                <option value="4">
                办公设备                </option>
                                <option value="8">
                密胺产品                </option>
                                <option value="9">
                不锈钢餐具                </option>
                                <option value="10">
                塑料产品                </option>
                                <option value="11">
                针织服装                </option>
                                <option value="12">
                高新设备                </option>
                                <option value="13">
                后勤基建                </option>
                                <option value="14">
                电器设备                </option>
                                <option value="15">
                其他产品                </option>
                                <option value="16">
                招商信息                </option>
                                <option value="17">
                餐饮设备                </option>
                                <option value="18">
                酒店服务                </option>
                              </select>*

  <select name="sort[]" id='nsort' multiple size="6" style='width:120' ondblclick='delit()'></select>
   *

实用的复选框操作——15分钟解决90%以上的javascript复选框操作

“复选框”页面: —————————————————————————————————————————————————————————————————— 实现功能: 1.点击标...
  • Allenalex
  • Allenalex
  • 2014年11月25日 18:45
  • 1686

js选择checkbox值,组织成key-value形式,传值到后台

最近项目中遇到这样一个问题,接口定义需要传一个Map params的参数,需要在jsp页面组织数据到后台操作,所以记下来以后难免还会用到。 以下是javascript代码: var jsonDa...
  • yunason
  • yunason
  • 2015年08月13日 17:32
  • 1447

checkbox复选框的post传值

php获取 checkbox复选框值的方法            复选一          复选二        复选三        复选四       ...
  • daijiguo
  • daijiguo
  • 2015年08月07日 10:54
  • 8276

ionic复选框应用

如图:在项目中我需要实现这个效果布局和功能(进入页面默认全选,点击之后可以不选择) HTML代码: ...
  • xiaojun_zxj
  • xiaojun_zxj
  • 2016年01月11日 10:59
  • 2572

JS复选框操作

//全选 function checkAll() { var code_Values = document.all['Item']; i...
  • KingCruel
  • KingCruel
  • 2013年11月06日 10:24
  • 2365

checkbox 实现单选

要做一个用checkbox打分的功能 , 打分项和分值都是通过枚举配置的,前台用EL表达式 循环出来效果: jsp: //校验必须要打分 function checkqualitygrade()...
  • ranxiaoqian
  • ranxiaoqian
  • 2016年09月12日 14:39
  • 172

JavaScript单选框复选框

html> html lang="en"> head> meta http-equiv="content-type" content="text/html" charset="UTF-8"> ...
  • pangqiandou
  • pangqiandou
  • 2016年09月27日 14:45
  • 1095

javascript实现复选框实现单选按钮功能

  • waynett316
  • waynett316
  • 2010年07月29日 13:06
  • 208

JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成。先获取checkbox元素集合,遍历集合,对集合中的每一项做操作。 这里讲几...
  • magi1201
  • magi1201
  • 2015年03月20日 22:59
  • 4805

关于复选框全选,全不选以及使用按钮传值

在复选框全选,以及选其中的几个进行传值,有以下思路,把每个复选框的值,使用字符串累加,用逗号将其隔开代码如下 function checkAll() { var id = document.ge...
  • alex_mmg
  • alex_mmg
  • 2017年08月05日 22:24
  • 181
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如果实现javascript复选框左右传值
举报原因:
原因补充:

(最多只允许输入30个字)