在.net中用CheckBoxList实现单选
程序员文章站
2024-02-24 21:29:40
在.net中提供了radiobuttonlist来实现单选的,但是我一直喜欢用checkboxlist 原因我觉得checkboxlist 控件页面展示效果要好看一些,呵呵...
在.net中提供了radiobuttonlist来实现单选的,但是我一直喜欢用checkboxlist 原因我觉得checkboxlist 控件页面展示效果要好看一些,呵呵
这里是先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;
}
这里是先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;
}
下一篇: Java禁止使用finalize方法
推荐阅读
-
asp.net listbox实现单选全选取消
-
在jsp中用bean和servlet联合实现用户注册、登录
-
asp.net在事件中启动线程来打开一个页面的实现方法
-
asp.net在事件中启动线程来打开一个页面的实现方法
-
在ASP.NET 2.0中操作数据之六十三:GridView实现批量删除数据
-
js操作CheckBoxList实现全选/反选(在客服端完成)_javascript技巧
-
怎么在windows7系统中用internet 9浏览器收藏网页实现图解
-
ASP.NET程序中用Repeater实现分页
-
在.NET Core中三种实现“可插拔”AOP编程方式(附源码)
-
在Asp.Net MVC中实现CompareValues标签对Model中的属性进行验证