快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何在.net中用CheckBoxList实现单选-创新互联

这篇文章主要讲解了“如何在.net中用CheckBoxList实现单选”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何在.net中用CheckBoxList实现单选”吧!

十余年的桓台网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整桓台建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联公司从事“桓台网站设计”,“桓台网站推广”以来,每个客户项目都认真落实执行。

在.net中提供了Radiobuttonlist来实现单选的,但是我一直喜欢用CheckBoxList 原因我觉得CheckBoxList 控件页面展示效果要好看一些,呵呵

这里是先CheckBoxList 实现单选采用了控件的点击事件 调用js来控制单选的

例如页面如下:


复制代码 代码如下:



Item1
Item2
Item3
Item4
Item5




这里是调用的js

原理就是:
1、获得页面控件集合,循环查找check

2、设置check 为false ,再将传入的控件设置选中


复制代码 代码如下:


function CheckBoxList_Click(sender)
{
var container = sender.parentNode;
if(container.tagName.toUpperCase() == "TD") { // 服务器控件设置呈现为 table 布局(默认设置),否则使用流布局
container = container.parentNode.parentNode; // 层次:


}
var chkList = container.getElementsByTagName("input");
var senderState = sender.checked;
for(var i=0; ichkList[i].checked = false;
}
sender.checked = senderState;
}


感谢各位的阅读,以上就是“如何在.net中用CheckBoxList实现单选”的内容了,经过本文的学习后,相信大家对如何在.net中用CheckBoxList实现单选这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章题目:如何在.net中用CheckBoxList实现单选-创新互联
分享URL:http://6mz.cn/article/dsjiei.html