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

Javascript
文档对象模型(DOM)的技巧和诀窍
Javascript在IE与firefox中表现的异同
文档对象模型(DOM)的基本方法
javaScript DOM方法与属性摘要
Javascript的一些属性讲解
JavaScript代码规范
IE和Firefox的兼容性问题
innerHTML,outerHTML,innerText,outerText
FireFox支持innerText
JavaScript Dom编程:介绍学习书籍
JavaScript教程:关于时间格式转换
JavaScript教程:判断日期正确与否的函数
解决JS脚本兼容的几个小技巧
使用createElement动态创建HTML对象
Javascript事件处理代码的三种写法
Javascript教程:展示风格的价值
Javascript在IE和FF里的兼容问题
JavaScript扩展:正则像函数一样调用
初学Ajax须注意的几个问题
学习JavaScript的事件

Javascript 中的 javascript multibox 全选


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 468 ::
收藏到网摘: 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>