07-07
18

实现<html:multibox>标签的全选

这里写下在前台实现全选的方法:

<logic:iterate id="emps" indexId="indexid" name="EMPS" type="companypj.vo.EmployeeVO">
<!--遍历出复选框元素--!>
<html:multibox name="emps" property="strArrary" onclick="checkItem(this, 'mmAll')">
     <bean:write name="emps" property="id"/>
</html:multibox>
姓名:<bean:write name="emps" property="name"/>
</logic:iterate>


全选/取消<input type=checkbox name=mmAll onclick="checkAll(this, 'strArrary')">
<!--全选与不全选的切换--!>


<script language=Javascript>
function checkAll(e, itemName)
{
   var aa = document.getElementsByName(itemName);
   for (var i=0; i<aa.length; i++)
    aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
   var all = document.getElementsByName(allName)[0];
   if(!e.checked) all.checked = false;
   else
   {
     var aa = document.getElementsByName(e.name);
     for (var i=0; i<aa.length; i++)
      if(!aa[i].checked) return;
     all.checked = true;
   }
}
</script>

值得注意的是加粗字体部分,也就是VO值对象中的数组名和传入js中的方法参数要一致。改完就能用了!

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: multibox
相关日志:
评论: 0 | 引用: 0 | 查看次数: 950
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭