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>

  

你可能感兴趣的:(checkbox)