在.net中用CheckBoxList实现单选

发布时间:2022-04-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了在.net中用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;
}

脚本宝典总结

以上是脚本宝典为你收集整理的在.net中用CheckBoxList实现单选全部内容,希望文章能够帮你解决在.net中用CheckBoxList实现单选所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。