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

Javascript
让innerHTML的脚本也可以运行起来
nextSibling
限制复选框的最大可选数
onpropertypchange
让焦点自动跳转
显示、隐藏密码
textarea是否自动换行
鼠标图片振动代码
对联浮动广告效果
一段实时更新的时间代码
让广告代码不再影响你的网页加载速度
载入进度条 效果
二级连动菜单
如何实现浏览器上的右键菜单
html代码调试脚本
表单提交验证类
简单实用的网页表格特效
表单的一些基本用法与技巧
Javascript - HTML的request类
教学演示-UBB,剪贴板,textRange及其他

Javascript 中的 javascript multibox 全选


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