Gridview中的添加CheckBox实现全选
2007-09-06 15:32
483 查看
模版列代码如下:
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<asp:TemplateColumn>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<HeaderTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<INPUT id="chkHeader" :SelectAll(this); type=checkbox>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</HeaderTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ItemTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<INPUT id=chkItem type=checkbox>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ItemTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</asp:TemplateColumn>
其次在前台就可以对它进行操作了,前台的JavaScript中的代码如下:
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<script language=javascript>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
function SelectAll(chkbox)
{
var theBox=chkbox;
xState=theBox.checked;
elem=theBox.form.elements;
for(i=0;i<elem.length;i++)
if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
{
if(elem[i].checked!=xState)
elem[i].click();
}
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</script>
然后Ctrl + F5 OK了
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<asp:TemplateColumn>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<HeaderTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<INPUT id="chkHeader" :SelectAll(this); type=checkbox>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</HeaderTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<ItemTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<INPUT id=chkItem type=checkbox>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</ItemTemplate>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</asp:TemplateColumn>
其次在前台就可以对它进行操作了,前台的JavaScript中的代码如下:
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<script language=javascript>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
function SelectAll(chkbox)
{
var theBox=chkbox;
xState=theBox.checked;
elem=theBox.form.elements;
for(i=0;i<elem.length;i++)
if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
{
if(elem[i].checked!=xState)
elem[i].click();
}
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</script>
然后Ctrl + F5 OK了
相关文章推荐
- GridView模板列中添加CheckBox 实现全选、删除
- GridView 添加checkBox 实现全选功能
- C# GridView列头添加CheckBox控件实现全选功
- GridView控件中添加CheckBox控件,并且实现选择、全选和反选
- JavaScript实现GridView中添加CheckBox列(全选与否)
- JavaScript实现GridView中添加CheckBox列(全选与否)
- GridView中实现CheckBox的全选
- JS在GridView中实现CheckBox全选和非全选 及Gridview批量删除使用技巧
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- 在GridView中加入CheckBox实现全选以及提交CheckBox选中的相关内容
- 利用JavaScript实现GridView中表头CheckBox的全选功能
- 给DataGrid添加CheckBox列、DataGrid列头CheckBox、全选按钮实现服务器端全选
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- DEV控件中GridView中的复选框与CheckBox实现联动的全选功能
- 在DataGrid中添加checkbox,并用按钮实现同时全选动作
- 笔记,GridView点击添加背景,类似checkbox效果的实现
- 【转载】利用JavaScript实现GridView中表头CheckBox的全选功能
- GridView中实现CheckBox的全选
- GridView控件中模板列CheckBox全选、反选、取消实现代码
- WPF中DataGrid 添加checkbox实现全选、多选