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

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

Javascript 中的 javascript multibox 全选


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