添加控件CheckBox(复选框)实现全选和全不选的功能:
首先:
在模板页中ItemTemplate添加Checkbox控件;在HeaderTemplate中添加input(type="Checkbox");
纯前台的话:
代码:
Js代码:
<script type="text/javascript">
function change(sender)
{
var table = document.getElementById("GridView1");
for (var i = 1; i < table.rows.length; i++)
{
table.rows[i].cells[4].getElementsByTagName ("input")[0].checked = sender.checked;
}
}
</script>
<input id="Checkbox2" type="checkbox" οnclick="change(this)" />
加点后台的:
将模板页中的HeaderTemplate的控件换位CheckBox服务器控件;
代码:
protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
{
CheckBox ckb = sender as CheckBox;
foreach (GridViewRow row in this.GridView1.Rows)
{
if (row.RowType == DataControlRowType.DataRow)
{
(row.Cells[0].FindControl("CheckBox1") as CheckBox).Checked = ckb.Checked;
}
}
}
注:row.Cells[0]中的0代表CheckBox在Girdview中的位置。。。
即可实现全选;