还要研究一下jQuery。
script.js
$(document).ready(function(){
$('#checkAll').click(function(){updateCheckBoxStatus(this);});
}
function updateCheckBoxStatus(currentCheckBox)
{
var state=currentCheckBox.checked;
var parentTables=jQuery(currentCheckBox).parents("table");
var parentTable=parentTables[0];
jQuery(parentTable).find(":checkbox").each(function()
{this.checked=state;}); //找到这个表格里面所有的checkbox,选上。
}
使用
<script type="text/javascript" src="<%= request.getContextPath() %>/scripts/jquery.js"></script>
<script type="text/javascript" src="<%= request.getContextPath() %>/scripts/script.js"></script>
<table>
<tr>
<th>
<input type="checkbox" id="checkAll"/> 全选/反选的" 父亲多选框"
</th>
</tr>
<c:forEach var="news" items="#{newsBean.list}">
<tr>
<td>
<input type="checkbox" name="oids" id="oo" value="${news.ID}"/> 子多选框
</td>
</tr>
</c:forEach>
</table>
附件:
jquery.js在csdn空间5文件夹中
本文介绍了一个使用jQuery实现表格中复选框全选与反选功能的方法。通过监听一个“全选”复选框的状态变化来更新同一表格内所有子复选框的状态。该方法利用了jQuery的选择器和事件处理功能。
1758

被折叠的 条评论
为什么被折叠?



