日期:2014-05-16 浏览次数:20452 次
实现方式如网易邮箱中信件的选择。
查询结果的表头,第一列,checkbox型的选择框:
<th><input type="checkbox" name="deleteId" id="deleteId" onclick="selectAll(checked)"></th>
迭代生成列表的时候,没行首列是checkbox:
<input type="checkbox" name="selectId" id="selectId" value="<bean:write name="client" property="clientId"/>"/>
?JS实现:
function selectAll(sign) { var multiUserBox = document.forms[0].elements("selectId"); if (multiUserBox != null) { if (typeof (multiUserBox.length) != "undefined") { for ( var i = 0; i < multiUserBox.length; i++) { multiUserBox[i].checked = sign; } } else { multiUserBox.checked = sign; } } }
?结果:点表头的选择框,全选;再点,取消全选。