JS实现DataGrid嵌套DataList,如何实现CheckBox全选?

zcxverygood123456 2011-11-19 11:47:01
JS实现DataGrid嵌套DataList,如何实现CheckBox全选?

<asp:DataGrid ID="DG_Group" runat="server">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" Text="全选" /><%# Eval("x_name") %>
<asp:DataList ID="DG_6D" runat="server">
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server" Text='<%# Eval("x_name")%>' />
</ItemTemplate>
</asp:DataList>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
=============================
用C#可以实现,但选择速度太慢,现在要改成JS的
要求,CheckBox1 选择它后,就可全选CheckBox2
如何实现?
...全文
91 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
zcxverygood123456 2011-11-20
  • 打赏
  • 举报
回复
特别感谢Sandy945 的帮助
zcxverygood123456 2011-11-20
  • 打赏
  • 举报
回复
我把我加的那些DIV去掉就可以了,呵呵
LMAOhuaNL 2011-11-20
  • 打赏
  • 举报
回复
三楼那样子应该是行的吧,不知道你另外一个checkbox有调用这个方法没
zcxverygood123456 2011-11-20
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 sandy945 的回复:]
<asp:CheckBox ID="CheckBox1" runat="server" Text="全选" /><%# Eval("x_name") %>
=>
<input type='checkbox' onclick='selectAll(this);' /> 全选

var selectAll=function(obj){
var tb=obj.parentNode.chil……
[/Quote]
==================
我已经按你的代码加上去了,但全选省,没有效果
测试地址:http://zgwaji.com/WebForm2.aspx
先谢了。
快溜 2011-11-19
  • 打赏
  • 举报
回复
我感觉应该是treeview之类的控件实现吧,你的模板出来是啥样子了
阿非 2011-11-19
  • 打赏
  • 举报
回复
对了,你昨天的问题,除了函数 还有别的办法的。

确切怎么写我忘记了, 大概意思 是 <%# Eval("[hy_name]")%> 之类的
阿非 2011-11-19
  • 打赏
  • 举报
回复
<asp:CheckBox ID="CheckBox1" runat="server" Text="全选" /><%# Eval("x_name") %>
=>
<input type='checkbox' onclick='selectAll(this);' /> 全选

var selectAll=function(obj){
var tb=obj.parentNode.children[1];
var ckbArr=tb.getElementsByTagName('input');
for(var i=0,len=ckbArr.length;i<len;i++){
if(ckbArr[i].type=='checkbox'){
ckbArr[i].checked=obj.checked;
}
}
}
zcxverygood123456 2011-11-19
  • 打赏
  • 举报
回复
功能需求是,选中省CheckBox1,就可以全选对应的城市CheckBox2
zcxverygood123456 2011-11-19
  • 打赏
  • 举报
回复

补充说明:
CheckBox1,绑定的值是省
CheckBox2,绑定的值是市
数据表为:
城市 chengshi
x_id ---- ID
x_name -----省或市名称
x_s_id ----父ID

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧