蛙蛙推荐:asp.net实现分组全选部分复选框
来源:互联网 发布:上古卷轴5n卡优化补丁 编辑:程序博客网 时间:2024/05/21 11:06
蛙蛙推荐:asp.net实现分组全选部分复选框
1.声明控件,分别在页面上方一个CheckBox叫cb5,一个CheckBoxList叫shi2:
protected System.Web.UI.WebControls.CheckBox cb5;
protected System.Web.UI.WebControls.CheckBoxList shi2;
2.在aspx的html代码的head里键入以下函数
<script>
function chkchk(chkid,spanid){
var o=document.getElementById(chkid);
var obj = document.getElementById(spanid);
obj=obj.children;
for(i=0;i<obj.length;i++)
{
e=obj[i];
if(e.type=="checkbox"){
obj[i].checked=o.checked;
}
}
}
</script>
3.在后台编码里添加自定义属性
private void Page_Load(object sender, System.EventArgs e)
{
cb5.Attributes.Add("onclick","chkchk('"+cb5.ClientID+"','"+shi2.ClientID+"');");
}
4.我们来观察一些自动生成的html代码,我们就明白了
<input id="to1_cb5" type="checkbox" name="to1:cb5" onclick="chkchk('to1_cb5','to1_shi2');" />
<label for="to1_cb5">市律师协会</label>
<span id="to1_shi2">
<input id="to1_shi2_0" type="checkbox" name="to1:shi2:0" />
<label for="to1_shi2_0">admin</label>
<br>
<input id="to1_shi2_1" type="checkbox" name="to1:shi2:1" />
<label for="to1_shi2_1">5</label>
</span>
5.注意我是把所有的控件放在一个to1的UserControl里面的,所以生成的控件ID前面都带有一个"to1_",又是一下午时间,就整出来一个这个,总感觉asp.net对一些客户端编程结合的不是很好,如果不写脚本,做联动选择的话只能用服务器事件了,这就要每点击一下复选框回传一下窗体,这从性能上考虑是非常不值得的,只能出此下策了.本文的主要知识点是JavaScript的文档对象和和控件的嵌套模型,以及给服务器控件加一些客户端行为属性.
最后感谢donet技术交流群的Henman 姐姐的技术支持
- 蛙蛙推荐:asp.net实现分组全选部分复选框
- :asp.net实现分组全选部分复选框
- 蛙蛙推荐:全选DataGrid里的复选框
- 复选框 实现全选
- .net里用JavaScript实现复选框全选与取消
- AngularJS 实现复选框 全选/取消全选
- gridView 复选框 实现全选
- 复选框实现全选删除
- JavaScript实现复选框全选
- EasyUI入门2 datagrid复选框全选效果(通过约束条件实现部分项参与的全选效果)
- Asp.net(C#/2.0) 部分全选 CheckBoxList
- ASP.NET(C#)初积累!(复选框全选,下拉框以及下拉框联动)
- asp.net DataList 复选框 也玩 全选反选全不选 by shawl.qiu
- asp.net 2.0 treeview 复选框全选或全不选(兼容IE和FireFox)
- 用js实现复选框全选
- javascript实现复选框的全选功能
- 关于 js 实现复选框 全选
- js 实现 复选框全选与全不选
- 用 XML 设计一个你自己的程序语言
- 电子书伴侣开发日志(0)
- ATL Server 与 ASP.NET
- 关于use case的误区
- Struts需求分析与设计(转)
- 蛙蛙推荐:asp.net实现分组全选部分复选框
- 与水源的两个弟兄关于版规的友好协商
- how to become a hacker
- java之旅(8)复用类 (续)
- 海上花 思过崖
- windows 常用命令
- 创建物理备用数据库
- 轻量级会话协议(LPP)--网络大典
- WhbtomT(半路出家) 的每日英语 收集 (一)