CheckBoxList实现单选功能

Moongg · 发表于 2015-12-24 09:42:32

效果

代码

<body>
<form id="form1" runat="server">
<x:PageManager ID="PageManager1" runat="server"></x:PageManager>
<x:CheckBoxList ID="rblVertical" Label="列表四（竖排）" ColumnNumber="3" ColumnVertical="true"
runat="server" ShowRedStar="true" Required="true">
<x:CheckItem Text="可选项 1" Value="value1" />
<x:CheckItem Text="可选项 2" Value="value2" />
<x:CheckItem Text="可选项 3" Value="value3" />
<x:CheckItem Text="可选项 4" Value="value4" />
<x:CheckItem Text="可选项 5" Value="value5" />
<x:CheckItem Text="可选项 6" Value="value6" />
<x:CheckItem Text="可选项 7" Value="value7" />
<x:CheckItem Text="可选项 8" Value="value8" />
</x:CheckBoxList>
</form>
</body>
</html>
<script>
var rblVerticalClent = '<%=rblVertical.ClientID%>';
F.ready(function () {
var ss = F(rblVerticalClent);
ss.addListener('change', listenChecked); //为checkbox加上监听
function listenChecked(t, newV, oldV) {
ss.removeListener('change', listenChecked); //去除监听，不然后面的赋值会多次触发这个
//全部变成不选，利用这个也可以做出全选和反选
var array = ss.items;
array.each(function (item) {
item.setValue(false);
});
//取最新的指减去已选的值
var Newlast = new Array();
for (var i in newV) {
var isin = false;
if (newV[i] === oldV[i]) {
isin = true;
}
if (false === isin) {
Newlast[i] = newV[i];
}
}
ss.setValue(Newlast); //赋值
ss.addListener('change', listenChecked); //重新加上监听
}
});
</script>

复制代码

TrlFineUI · 发表于 2017-6-27 09:15:09

后台怎么获取选中的Value值呢？

sanshi · 发表于 2017-6-27 09:58:37

TrlFineUI 发表于 2017-6-27 09:15
后台怎么获取选中的Value值呢？

这个只是前台的控制，后台该咋获取还是一样。

这个帖子好老了，后来专业版示例也增加了类似的功能：http://fineui.com/demo_pro/#/dem ... kboxlist_radio.aspx

		自动登录	找回密码
密码			立即注册