zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    3--jsp编译指令和动作指令
    2-hello world
    1.搭建JSP开发环境
    4-Http通信
    P1879 [USACO06NOV]玉米田Corn Fields
    P3110 [USACO14DEC]驮运Piggy Back
    P2327 [SCOI2005]扫雷
    P1004 方格取数
    P2854 [USACO06DEC]牛的过山车Cow Roller Coaster
    P1353 [USACO08JAN]跑步Running
  • 原文地址:https://www.cnblogs.com/easypass/p/2153624.html
Copyright © 2011-2022 走看看