实现checkboxlist的全选
来源:互联网 发布:acl 软件许可费 编辑:程序博客网 时间:2024/04/29 19:29
第一种:利用客户端控件实现
JS:
<script type="text/javascript">
function checkAll()
{
var checklist=document.getElementsByTagName("input");
for(var i=0;i<checklist.length;i++)
{
if(checklist[i].type=="checkbox")
{
checklist[i].checked=document.form1.ck.checked;
}
}
}
</script>GridView控件:
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" >
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="产品编号" />
<asp:TemplateField>
<HeaderTemplate>
<input id="ck" type="checkbox" onclick="checkAll();" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="checkbox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>第二种:利用服务器端控件实现
复制代码 代码如下:
protected void 全选_CheckedChanged(object sender, EventArgs e)
{
if (全选.Checked == true)
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck!=null)
{
ck.Checked = true;
}
}
}
else
{
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ck = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("checkbox1") as CheckBox;
if (ck != null)
{
ck.Checked = false;
}
}
}
}或者,你可以像这样来做:
<html><head><title></title></head><body><input type="checkbox" id="chkAll" name="chkAll" value="checkbox" onclick="checkAll('chkAll',this);" /><input type="checkbox" name="chkSelect" onclick="checkAll('chkAll',this);" /><input type="checkbox" name="chkSelect" onclick="checkAll('chkAll',this);" /><input type="checkbox" name="chkSelect" onclick="checkAll('chkAll',this);" /><input type="checkbox" name="chkSelect" onclick="checkAll('chkAll',this);" /><input type="checkbox" name="chkSelect" onclick="checkAll('chkAll',this);" /><script type="text/javascript">function checkAll(chkAllID,thisObj){ var chkAll = document.getElementById(chkAllID); var chks = document.getElementsByTagName("input"); var chkNo = 0; var selectNo = 0; for(var i =0; i < chks.length; i++) { if(chks[i].type == "checkbox") { //全选触发事件 if(chkAll == thisObj) { chks[i].checked = thisObj.checked; } //非全选触发 else { if(chks[i].checked && chks[i].id != chkAllID) selectNo++; } if(chks[i].id != chkAllID) { chkNo++; } } } if(chkAll != thisObj) { chkAll.checked = chkNo==selectNo; }}</script></body></html>
- 实现checkboxlist的全选
- checkboxlist 全选
- ASP.NET CheckBoxList 用javascript 实现全选
- js操作CheckBoxList实现全选、反选
- checkbox让checkboxlist全选的问题
- Radio一键实现全选、反选CheckBoxList
- 选中CheckBoxList第一项实现全选/反选CheckBoxList所有项
- 全选和全不选checkboxList
- CheckBoxList 全选,反选
- CheckBoxList全选单选切换
- javascript控制服务器控件-js操作CheckBoxList实现全选、反选
- js操作CheckBoxList实现全选、反选 (很好,已经验证过了)
- 在CheckBoxList用JavaScript实现全选,反选及清空
- asp.net mvc checkboxlist的简单实现
- 全选的实现
- 实现全选的功能
- Vim的全选实现
- CheckBox全选的实现
- 带有OUTPUT的INSERT,DELETE,UPDATE
- 排序算法总结
- awt设置背景图片
- 那些年我们一起写的随机函数
- C#中的弱引用
- 实现checkboxlist的全选
- 插值的故事
- 2012年亚洲区赛各站比赛的安排
- 有序数组中的二分查找
- java文件复制\删除
- 21 交通灯管理系统
- Google Chrome浏览器必备的20个插件
- play! First
- 类的构造函数、析构函数、拷贝构造函数与赋值函数