// 后台拼接一个 复选框
tempField.HeaderText = " <input type=\"checkbox\" id=\"chkIDs\" onclick=\"CheckAll()\">"+"序号";
// 调用前台方法去实现全选 和取消全选
<script type="text/javascript">
function CheckAll() {
var gvClientId = document.getElementById('<%=grdList.ClientID %>'); // 获取数据控件的客户端ID
var allchoose = document.getElementById('chkIDs'); // 获取 父 复选框的客户端ID
if (allchoose.checked) { // 如果全选
for (var i = 1; i < gvClientId.rows.length; i++) {
if (gvClientId.rows[i].cells[0].children[0] != null) {
var cbt = gvClientId.rows[i].cells[0].children[0];
cbt.checked = 'checked';
}
}
}
else { // 如果取消全选
for (var i = 1; i < gvClientId.rows.length; i++) {
if (gvClientId.rows[i].cells[0].children[0] != null) {
var cbf = gvClientId.rows[i].cells[0].children[0];
cbf.checked = false;
}
}
}
}
</script>
本文介绍了一种在网页中实现复选框全选功能的方法。通过在后台设置一个带有全选按钮的复选框,并利用JavaScript脚本来控制全选状态。当全选按钮被点击时,页面上所有子复选框的状态会相应地被设置为选中或取消选中。

3744

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



