您的位置:首页 > 其它

简单Blog项目笔记之九:实现 全选/反选

2012-12-13 19:34 459 查看
<input name="Chkall" type="checkbox" style="border:0;" onClick="CheckAll(this.form.type,this.form.Chkall)">[全选/反选]  


this.form.type是指

<input value="<s:property value="type"/>" type="checkbox" name="type"


其中每一个checkbox的name都是type

this.form.Chkall是指,[全选/反选]本身的checkbox名字叫:Chkall

下边这段js通过struts的<s:if>有两个作用: 



<s:if test="%{#request.art_types==null}">
时, 是第一个参数传入type数组,也就是全选

if判定失败时,是第二个元素传入type数组,也就是:全不选

function CheckAll(elementsA,elementsB){
var len = elementsA;
if(len.length > 0)	{
for(i=0;i<len.length;i++)		{
elementsA[i].checked = true;
}
if(elementsB.checked ==false)	{
for(j=0;j<len.length;j++)	{
elementsA[j].checked = false;
}
}
}else{
len.checked = true;
if(elementsB.checked == false)
{
len.checked = false;
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: