<table> <!--列表表頭 開始 --> <tr class="ui-widget ui-state-hover" style="height: 36px;"> <th><input type="checkbox" name="checkbox" id="checkAll"/></th> </tr> <c:forEach var="li" items="${resultList}" varStatus="status"> <tr> <td> <input type="checkbox" name="checkedId" value="${li.extProjectId}" id="${li.extProjectId}"/> </td> </tr> </c:forEach> </table>
var checkRows = function () { var rows = document.getElementsByName("checkedId"); var checkAll = document.getElementById("checkAll"); var checkedRows = ''; for (var i = 0; i < rows.length; i++) { if (checkAll.checked == true) { rows[i].checked = true; if (checkedRows.length > 0) { checkedRows += ","; } checkedRows += rows[i].value; }else { if (rows[i].checked) { if (checkedRows.length > 0) { checkedRows += ","; } checkedRows += rows[i].value; } } } return checkedRows; }
function checkAll(checkChildName, checkParentId) {
var child = document.getElementsByName(checkChildName);
var checkall = document.getElementById(checkParentId);
for ( var i = 0; i < child.length; i++) {
if (checkall.checked == true) {
child[i].checked = true;
} else {
child[i].checked = false;
}
}
}