CheckBoxList实现单选功能 - FineUI 官方论坛

<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>

复制代码