Ext.Net CheckboxGroup实现单选
由于默认情况下CheckboxGroup支持多选但不支持多选,可以通过手动处理完成。
一、前台
<ext:CheckboxGroup ID="ChkGrp" runat="server" Width="350" ColumnsNumber="4" > <Items> <ext:Checkbox ID="ydmxk" runat="server" BoxLabel="很满意" Checked="false"> <Listeners> <Check Handler="Check(ChkGrp,0)" /> </Listeners> </ext:Checkbox> <ext:Checkbox ID="gzhmxk" runat="server" BoxLabel="满意" Checked="false"> <Listeners> <Check Handler="Check(ChkGrp,1)" /> </Listeners> </ext:Checkbox> <ext:Checkbox ID="tshmxk" runat="server" BoxLabel="基本满意" Checked="false"> <Listeners> <Check Handler="Check(ChkGrp,2)" /> </Listeners> </ext:Checkbox> <ext:Checkbox ID="wdmxk" runat="server" BoxLabel="不满意" Checked="false"> <Listeners> <Check Handler="Check(ChkGrp,3)" /> </Listeners> </ext:Checkbox> </Items> </ext:CheckboxGroup>
二、javascript脚本
<script type="text/javascript" language="javascript"> function Check(ChkGrp, index) { if (ChkGrp.items.itemAt(index).checked) { for (var i = 0; i < ChkGrp.items.length; i++) { if (i != index) { if (ChkGrp.items.itemAt(i).checked) { var id = ChkGrp.items.itemAt(i).id; ChkGrp.setValue(id, false) } } } } } </script>