在.net中用CheckBoxList实现单选
2014-02-11 00:00
696 查看
在.net中提供了Radiobuttonlist来实现单选的,但是我一直喜欢用CheckBoxList 原因我觉得CheckBoxList 控件页面展示效果要好看一些,呵呵
这里是先CheckBoxList 实现单选采用了控件的点击事件 调用js来控制单选的
例如页面如下:
这里是调用的js
原理就是:
1、获得页面控件集合,循环查找check
2、设置check 为false ,再将传入的控件设置选中
这里是先CheckBoxList 实现单选采用了控件的点击事件 调用js来控制单选的
例如页面如下:
<asp:CheckBoxList ID="CheckBoxList1" BorderWidth="1" runat="server" RepeatLayout="Flow"> <asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item1">Item1</asp:ListItem> <asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item2">Item2</asp:ListItem> <asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item3">Item3</asp:ListItem> <asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item4">Item4</asp:ListItem> <asp:ListItem onclick="CheckBoxList_Click(this)" Value="Item5">Item5</asp:ListItem> </asp:CheckBoxList>
这里是调用的js
原理就是:
1、获得页面控件集合,循环查找check
2、设置check 为false ,再将传入的控件设置选中
function CheckBoxList_Click(sender) { var container = sender.parentNode; if(container.tagName.toUpperCase() == "TD") { // 服务器控件设置呈现为 table 布局(默认设置),否则使用流布局 container = container.parentNode.parentNode; // 层次: <table><tr><td><input /> } var chkList = container.getElementsByTagName("input"); var senderState = sender.checked; for(var i=0; i<chkList.length;i++) { chkList[i].checked = false; } sender.checked = senderState; }
相关文章推荐
- ASP.NET―001:GridView绑定List、页面返回值具体实现
- Ajax实现异步刷新验证用户名是否已存在的具体方法
- ASP.NET汉字转拼音 - 输入汉字获取其拼音的具体实现
- .Net消息队列的使用方法
- php创建sprite
- codeigniter教程之多文件上传使用示例
- php发送post请求的三种方法
- nginx 配置文件
- thinkphp3查询mssql数据库乱码解决方法分享
- PHP字符串的递增和递减示例介绍
- php 不使用js实现页面跳转
- php中的路径问题与set_include_path使用介绍
- javascript页面加载完执行事件代码
- JQuery的Ajax请求实现局部刷新的简单实例
- jquery 删除字符串最后一个字符的方法解析
- jQuery Trim去除字符串首尾空字符的实现方法说明
- jquery 字符串切割函数substring的用法说明
- JS(JQuery)操作Array的相关方法介绍
- JS检测输入字符是否包含非法字符的示例代码
- js读取配置文件自写