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>

  

posted @ 2011-08-25 18:15  EasyPass  阅读(2540)  评论(0编辑  收藏  举报