当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript multibox 全选

Javascript
JavaScript对象与数组参考大全(5)
JavaScript对象与数组参考大全(6)
JavaScript对象与数组参考大全(7)
JavaScript对象与数组参考大全(8)
JavaScript对象与数组参考大全(9)
JavaScript对象与数组参考大全(10)
JavaScript对象与数组参考大全(11)
JavaScript对象与数组参考大全(12)
JavaScript对象与数组参考大全(13)
JavaScript对象与数组参考大全(14)
JavaScript对象与数组参考大全(15)
javascript版的日期输入控件(1)
javascript版的日期输入控件(2)
javascript版的日期输入控件(3)
javascript版的日期输入控件(4)
javascript版的日期输入控件(5)
利用JavaScript创建功能强大的GUI(1)
利用JavaScript创建功能强大的GUI(2)
利用JavaScript创建功能强大的GUI(3)
调用IE内置打印组件完成web打印方案及例程

Javascript 中的 javascript multibox 全选


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 343 ::
收藏到网摘: n/a

multibox 全选实现代码。跟checkbox等原理是一样的
复制代码 代码如下:

function allselect()
{
try{
var checkedcount=0;
for(var i=0;i<form1.orgIds.length;i++)
{
if(form1.orgIds[i].checked)
checkedcount++;
}
if(checkedcount==form1.orgIds.length)
{
for(var i=0;i<form1.orgIds.length;i++)
{
form1.orgIds[i].checked=false;
}
}
else
{
for(var i=0;i<form1.orgIds.length;i++)
{
form1.orgIds[i].checked=true;
}
}
if(form1.orgIds.checked==true)
form1.orgIds.checked=false;
else
form1.orgIds.checked=true;
}catch(ex){}
}

复制代码 代码如下:

<SPAN style="CURSOR:hand" onclick="allselect()">(全选)</SPAN>
<logic:iterate id="result" name="zclist" indexId="ind">
<html:multibox property="orgIds"><bean:write name="result" property="someProperty"/></html:multibox>
</logic:iterate>